آموزش طراحی وب

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

0
0

سلام

من قصد داشتم منوی وبلاگم رو به صورت ریسپانسیو دربیارم و تو یکی از پست های سایت شما نحوه این کارو خوندم اما اون کد ها جواب نداد. یعنی مشکل کلی که من دارم اینه که زمانی که موس روی nav bar هست هاور میشه و منو ظاهر میشه. درحالی که باید وقتی موس روی تصویر سه خط منو ریسپانسیو قرار میگیره این منو باز بشه.

 

آدرس وبلاگ : moda1.rozblog.com

کد سی اس اس:

/* ---------------- responsive navigation -------------*/
#menu-icon{
display: none;
width: 32px;
height: 32px;
background: url(http://rozup.ir/view/1177404/responsive_menu.png) center;
background-repeat: no-repeat;
background-size: 28px;
margin: 6px 0 0 0;
padding: 40px 0 0 0;

}

@media only screen and (max-width : 1024px) {

#menu-icon {
display:inline-block;
}

}
nav{
position: relative;
z-index: 100000;
}

nav ul {
display: none;
position: absolute;
padding: 3px 0;
z-index: 100000;
border: 2px solid #444;
right: 22px;
top: -65px;
width: 150px;
border-radius: 4px 0 4px 4px;
}

nav li {
text-align: right;
width: 134px;
margin: 0 5 5 0;
padding:0 5 0 5;
display:block;
border-radius: 3px;
}

nav:hover ul , nav:active li {
display: block;
margin: 78px 24px 0 0;
background-color: #fff;
}

کد html

  • You must to post comments
نمایش 0 نتیجه
پاسخ شما

لطفا جهت ارسال پاسخ به سایت .

سوالی دارید؟

اموزش تصادفی