کمک در منوی ریسپانسیو برای وردپرس

[aliali100 57]

سلام

من برای وردپرس یک قالب ریسپانسیو طراحی کردم و در بخش منوی سایت یک مشکلی دارم

دسته ایجاد کردم به نام مقالات

این دسته مقالات چندتا زیرشاخه هم دارد

یعنی به این صورت :

مقالات

پزشکی

هنری

ورزشی

حالا یک مشکلی هست

من برای منو اومدم از منوی ریسپانسیو بوت استرپ 3 استفاده کردم و منویی که با بوت استرپ ساخته میشه به اینصورت است که میاد کنار منوهایی که زیرشاخه داره یک فلش (جهت رو به پایین) قرار میده و حتما باید روی اون فلش کلیک کنی تا زیرشاخه باز بشه

من باید چه کدی بنویسم تا وقتی نشانه گر موس میره روی منویی که زیرشاخه داره بیاد زیرشاخه رو نشون بده؟

[فرهاد-سئو 905]

دوست عزیز در تبلت یا گوسی مگه موس هست که بخواین با موس هاور منو رو ببینید ؟

باید با کلیک باز بشه که وقتی کاربر روش کلیک کرد نمایش داده بشه

[aliali100 57]

دوست عزیز در تبلت یا گوسی مگه موس هست که بخواین با موس هاور منو رو ببینید ؟

باید با کلیک باز بشه که وقتی کاربر روش کلیک کرد نمایش داده بشه

سلام

حرف شما درست ولی منظور من را متوجه نشدید

در موبایل یا تبلت که باید کلیک کرد ولی در حالت عادی یعنی زمانیکه در کامپیوتر نمایش داده میشه و منوها به صورت عادی نمایش داده بشه ، میخوام موس رفت روش زیرشاخه باز بشه

ویرایش شده بهمن 93 توسط saman_kiyani

[RedPlus 1585]

خیلی وقت بوت استرپ کار نکردم ولی این کد بزارین اندازه رو هم خودتون تعیین کنید اگه خواستین :

@media (min-width: 768px) {
.dropdown:hover .dropdown-menu {
  display: block;
}
}

[aliali100 57]

خیلی وقت بوت استرپ کار نکردم ولی این کد بزارین اندازه رو هم خودتون تعیین کنید اگه خواستین :

@media (min-width: 768px) {
.dropdown:hover .dropdown-menu {
display: block;
}
}

داداش دمت گرم خیلی حال دادی

واقعا درگیر این قضیه بودم

داداش شرمنده یک سوال کوچیک دیگه

من میخوام وقتی که توی صفحه مربوط به منوی مورد نظر هستیم رنگ پس زمینه مثلا آبی باشه منتها من میخوام این حالت فقط در حالتی باشه که تو تبلیت و موبایل نمایش میده به اینصورت باشه

[RedPlus 1585]

به کمک همین دستور مدیا میشه انجام داد ! کلا مدیا ها تو بوت استرپ اینا هستن :

@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}

حالا شما میخواین اگه فقط موبایل و تبلت بود :

@media (min-width: 767px) and (max-width: 991px) {
}

فک کنم همین باشه ! چون خیلی وقت کار نکردم متاسفانه ! شما کد بکگراند منو رو تو فرم بالا قراربدین فک کنم مشکل حل بشه