سوال در مورد منوهای وردپرس

[هادی خانزاده 103]

با عرض سلام و خسته نباشید

بنده با استفاده از فهرست ها منوی آبشاری درست کردم و به صورت صحیح هم نمایش میده تو قالبم خواهشا عکس رو ببینید تو عکس واضحتر میشه گفت :

خب میبینید که من رو نرم افزار رفتم ساب منوی نرم افزار رو نشون داده این درسته ولی اومده ساب منوی سیستم عامل رو هم نشون میده که نادرسته وقتی رو سیستم عامل

ماوس رو میبریم باید نشون داده شه . درضمن از این کد برای نمایش منو استفاده کردم :

<?php wp_nav_menu( array('theme_location' => 'top-menu', 'menu_class' =>'menu-item' ) ); ?>

میدونم مشکل از کلاس ها هست ولی موندم چه جوری برطرف کنم بدبختی اینجاست که واسه ul از طریق کلاس اضافی نمیشه کلاس داد!!!

ممنون میشم راهنمایی فرمایید.

با تشکر فراوان

[SM-Mahdavi 5427]

سلام

css هاتون رو بزارید بررسی کنیم

[هادی خانزاده 103]

سلام بفرمایید :

.menu-item li{
border-bottom: 1px solid #5D5F5F;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
float: right;
font-family: "B Bardiya";
font-size: 20px;
height: 49px;
margin-top: -2px;
padding-left: 18px;
padding-right: 19px;
padding-top: 7px;
}

.menu-item li:hover{
border-radius:5px;
background-color:#11A0D4;
}

.menu-item li>a:link{
text-decoration:none;
color:#FFFFFF;
}


.menu-item li>a:visited{
text-decoration:none;
color:#FFFFFF;
}

.down{
background:url(images/arrow.png) no-repeat left center;
float:left;
}

.sub-menu{
position:absolute;
background:#333;
width:200px;
border-radius:5px;
margin-right: -22px;
margin-top: 8px;
display:none;
z-index:5000;

}

.left{
background:url(images/arrow-left.png) no-repeat left center;
float:left;
}

.sub-menu li{
display:list-item;
list-style:none;
font-size:16px;
width:80%;
float:right;
margin-top: 1px;
padding-top: 11px;
height:29px;
list-style-image:url(images/arrow-left.png);
}

.sub-menu li>a:link{
text-decoration:none;
color:#FFFFFF;
float: right;
margin-top: -8px;
}


.sub-menu li>a:visited{
text-decoration:none;
color:#FFFFFF;
}

.sub-menu li:hover{
background-color:#62B341;
}

.sub-menu li > .sub-menu{
margin-right: 182px;
margin-top: -8px;
display:none;
}

.sub-menu li > .sub-menu>li{
list-style-image:none;
}

.sub-menu li > .sub-menu>li:hover{
background:#EDAD0E;
}

ویرایش شده خرداد 93 توسط mahforum

[اشکان 1989]

این رو به استایلتون اضافه کنید:

فکر کنم مشکلتون حل بشه.

.menu-item ul ul {
visibility: hidden;
}
.menu-item ul li:hover > ul {
visibility: visible;
}

و تمامی Display:none ها رو به Block تغییر بدین.

البته اگه آدرس آنلاین میدادین بهتر بود.

[هادی خانزاده 103]

این رو به استایلتون اضافه کنید:

فکر کنم مشکلتون حل بشه.

.menu-item ul ul {
visibility: hidden;
}
.menu-item ul li:hover > ul {
visibility: visible;
}

و تمامی Display:none ها رو به Block تغییر بدین.

البته اگه آدرس آنلاین میدادین بهتر بود.

خیلی ممنون از لطفتون مشکل با همین کدها حل شد .

با تشکر فراوان