برای اینکار می توانید از جاوا اسکریپت کمک بگیرید. کد زیر را در قسمت سفارشی سازی قالب قرار دهید:

//bring sidebar (categories) up - just in mobile
jQuery(function($) {
      if ( matchMedia( 'only screen and (max-width: 991px)' ).matches ) {
        if( $('#secondary.widget-area').length  && window.location.pathname == '/') {
          $('#secondary.widget-area').remove().clone().insertBefore($('#primary.content-area'));  
        }
      }
}
    );

• حالا ساید بار #secondary.widget-area، در موبایل ، به بالای صفحه منتقل می شود.
• matchMedia( 'only screen and (max-width: 991px)' ).matches ) : این قطعه می گوید که فقط در موبایل این کد اجرا شود.
• window.location.pathname == '/' : این قطعه می گوید که این کد فقط در صفحه اول اجرا شود. سایدبار فقط در صفحه اول، به بالای صفحه منتقل می شود. می توانید این قست را تغییر داده و یا اصلاً حذف کنید.