پاسخ داده شد
0
0

اگر بخواهیم یک سایدبار را قبل از قسمت اصلیِ صفحه نمایش دهیم، باید چکار کنیم؟ (در موبایل)

نمایش سایدبار در بالای صفحه موبایل - mustang.ir

  • شما باید برای ارسال دیدگاه شوید
پاسخ عالی
0
0

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

//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 == '/' : این قطعه می گوید که این کد فقط در صفحه اول اجرا شود. سایدبار فقط در صفحه اول، به بالای صفحه منتقل می شود. می توانید این قست را تغییر داده و یا اصلاً حذف کنید.
  • شما باید برای ارسال دیدگاه شوید
نمایش 1 نتیجه
پاسخ شما
اگر قبلاً حساب کاربری دارید با پر کردن فیلد های زیر یا به عنوان مهمان ارسال کنید.
نام*
ایمیل*
وب سایت