Witam!
Więc wziąłem się za media queries w moim layoucie i mam problem bo wszystko jest ok tylko problem z menu bo jest przypięte (porusza się wraz z suwakiem) i po zmniejszeniu ekranu nic nie działa zostają tylko dwie zakładki a reszta znika i nie wiem co zrobić trochę się denerwuję więc przychodzę do was i prosiłbym jeszcze o pomoc bo może jednak lepiej zrobić takie menu jak jest tutaj po zmniejszeniu strony ale jak się do tego zabrać?
Kod do menu:
<!-- Menu Main !-->
<nav id="main">
<ul>
<li><a href="portfolio1code.html" class="active">HOME</a></li>
<li><a href="#aboutme">ABOUT ME</a></li>
<li><a href="#skills">TECHNOLOGIES I USE</a></li>
<li><a href="#education">EDUCATION</a></li>
<li><a href="#photo-portfolio">PORTFOLIO</a></li>
<li><a href="#text-contact">CONTACT</a></li>
</ul>
</nav>
#main {
position: fixed;
top: 0;
left: 0;
width: 1349px;
}
#main ul {
list-style-type: none;
margin: 0px;
padding: 0px;
overflow: hidden;
background-color: rgba(255, 255, 255, 0.5);
}
#main li {
float: left;
}
#main li a {
letter-spacing: 0px;
width: auto;
display: block;
color: #585c63;
text-align: center;
padding-bottom: 15px;
padding-top: 15px;
padding-right: 5px;
padding-left: 100px;
margin: auto;
text-decoration: none;
}
/*SCREEN SIZE FROM 280PX TO 450PX*/
@media (min-width: 280px) and (max-width: 450px) {
.main {width: 100; font-size:10px;}
}
Dzięki za zajęty czas!