سبد خرید
0

هیچ محصولی در سبد خرید نیست.

چطور آیتم‌های منوی وردپرس را در منوی موبایل پنهان کنیم اما آن‌ها را در طرح بندی دسکتاپ نگه داریم؟

چطور آیتم‌های منوی وردپرس را در منوی موبایل پنهان کنیم اما آن‌ها را در طرح بندی دسکتاپ نگه داریم؟

این آموزش به شما نشون میده که چطور آیتم‌های منوی وردپرس رو در منوی موبایل پنهان کنین اما در طرح بندی دسکتاپ نگهشون دارین.

چطور آیتم‌های منوی وردپرس رو در منوی موبایل پنهان کنیم اما آن‌ها را در طرح بندی دسکتاپ نگه داریم؟

ما شبیه ساز موبایل رو در inspector داخلی مرورگر کروم فعال کردیم. F12 رو فشار بدین تا inspector فعال بشه. منوی موبایل رو بررسی کنین. اون بخش رو با منو گسترش بدین:

چطور آیتم‌های منوی وردپرس رو در منوی موبایل پنهان کنیم اما آن‌ها را در طرح بندی دسکتاپ نگه داریم؟

 

 

میتونین لیست منوهای وردپرس رو مشاهده کنین. بیاین فقط با استفاده از CSS آیتم منوی About us رو در منوی تلفن همراه پنهان کنیم. منوی About us مورد سوم در لیست هست. در اصل شما باید این عدد رو در انتخاب‌گر CSS مشخص کنین:

چطور آیتم‌های منوی وردپرس رو در منوی موبایل پنهان کنیم اما آن‌ها را در طرح بندی دسکتاپ نگه داریم؟

 

 

به Appearance -> Editor برین. کد CSS زیر رو اضافه کنین و تغییرات رو ذخیره کنین:

در این کد، 3 شماره آیتم در لیست هست. شما باید اون رو با شماره مناسب جایگزین کنین. برای مخفی کردن چندین منوی وردپرس، باید همون کد رو اضافه کنین و شماره اون رو در قسمت option:nth-child(3) تغییر بدین:

چطور آیتم‌های منوی وردپرس رو در منوی موبایل پنهان کنیم اما آن‌ها را در طرح بندی دسکتاپ نگه داریم؟

 

 

کش مرورگر، کوکی‌ها رو پاک کنین و سایتتون رو بررسی کنین. میبینین که آیتم منوی About us پنهان شده. اسکرین شات، کدی رو نشون میده که منوی About us رو پنهان میکنه:

چطور آیتم‌های منوی وردپرس رو در منوی موبایل پنهان کنیم اما آن‌ها را در طرح بندی دسکتاپ نگه داریم؟

 

 

میتونین ببیین که منوی About us همچنان در طرح بندی دسکتاپ ظاهر میشه:

چطور آیتم‌های منوی وردپرس رو در منوی موبایل پنهان کنیم اما آن‌ها را در طرح بندی دسکتاپ نگه داریم؟

 

 

 

پست پیشنهادی :  آموزش رفع خطای Direct write access not allowed on your server در وردپرس
ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

توسط
تومان