رفتن به مطلب

مشکل ساب منو ها


پست های پیشنهاد شده

سلام

یه مسکلی که پیش اومده اینه وقتی روی ساب منو ها می ری حالت هاور از بین دیگه نمیره واسه ساب قبلی مثله عکس زیر

40397863551599767889.jpg

مشکل چیه ؟؟

این کد html:

<div class="menubar">
<div class="middle">
<?php wp_nav_menu( array( 'theme_location' => 'top-menu', 'container' =>'nav', 'menu_class' =>'topnav' ) ); ?>
<div class="searchar">
<form>
<input type="text" name="#" placeholder="جستجو کنید ..." >
<input type="submit" name="#" value="">
</form>
</div>
</div>
</div>

این سی اس اس:

.menubar {
width: 100%;
height: 45px;
background: #424242
}
.middle {
width: 1000px;
margin: auto
}
.menubar ul {
list-style: none
}
.menubar ul:after {
content: ""; clear: both; display: block;
}
.menubar ul li {
float: right;
position: relative;
}
.menubar ul li a {
color: #f5f5f5;
text-decoration: none;
padding: 12px 15px;
line-height: 15px;
display: block;
font: 15px iMitra
}
.menubar ul li:hover {
background: #303030
}
.menubar ul li ul {
display: none;
position: absolute;
top: 44px;
right: 0px;
background: #303030;
width: 170px;
z-index: 9999;
visibility: hidden;
}
.menubar ul li:hover ul {
display: block;
visibility: visible;
}
.menubar ul li ul li {
float: none
}
.menubar ul li ul li:hover {
background: #e74c3c
}

لینک به ارسال

اگر میخواید با آوردن موس روی منوها ، حالت دیگه ای بهش داده بشه ، باید ابتدا از css سورس li منوها رو پیدا کنید و یک استایل hover بهش بدید .

لینک به ارسال

نه هاور داره می خوام بعد که میرم مثلا روی دسته یخچال اون بالایی هاس یعنی تبلت و موبایل حالت هاور دیگه نداشته باشن...یعنی وقتی میام روی یخچال هاور اون دوتا بالایی هنوز هستن به همین ترتیب اگه بیم روی پایینی بالایی ها هنوز هاورشون هست

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...