Witam pomógł by ktoś albo nakierował jak przerobić ten kod menu na responsywne menu. Kod jest z filmiku Pana Mirosława o przyklejanym menu. Z góry dziękuję :)
.nav
{
width: 100%;
padding: 10px 0;
background-color: blueviolet;
text-align: center;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
.sticky
{
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 100;
}
ol
{
padding: 0;
margin: 0;
list-style-type: none;
font-size: 18px;
height: 35px;
line-height: 200%;
display: inline-block;
}
ol a
{
color: white;
text-decoration: none;
display: block;
}
ol > li
{
float: left;
width: 150px;
height: 40px;
}
ol > li:hover
{
background-color: white;
}
ol > li:hover > a
{
color: blueviolet;
}
ol > li > ul
{
list-style-type: none;
padding: 0;
margin: 0;
height: 40px;
display: none;
}
ol > li:hover > ul
{
display: block;
}
ol > li > ul > li
{
background-color: silver;
position: relative;
z-index: 100;
}
ol > li > ul > li:hover
{
background-color: blueviolet;
}
ol > li > ul > li:hover > a
{
color: white;
}