Witam wszystkich!
Jestem nowy i pojawiłem się tutaj, ponieważ mam problem, którego nie jestem w stanie przebić metodą prób i błędów.
Problem dotyczy WWW.
Problem zaczyna się wtedy, gdy stronę przegląda się na urządzeniach mobilnych z wyświetlaczami o większej rozdzielczości.
Wtedy nazwa strony jest na górze, menu pod nazwą i ostatnia pozycja zawijana jest do następnej linijki.
Problem występuję na nowszych Samsungach, HTC, iPhone'ach.
Podejrzewam, że odpowiada za to "funkcja" float, ale głowy uciąć sobie nie dam.
Czego bym tam nie wstawił, to nic (oprócz pozycji menu) się nie zmienia.
Czy macie dla mnie jakieś porady?
Kod z pliku CSS wygląda nastepująco:
.menu{
float:right;
margin:31px 0;
}
.menu li{
float:left;
}
.menu li a{
font-size:18px;
padding:2px 10px;
color:#000000;
font-family: 'Sanchez', sans-serif;
transition: 0.5s ease;
-o-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
}
.menu li.active a{
color:#FCBA4C;
font-weight: bold;
}
Źle zawinięte menu zamieściłem jako załącznik.
Pozdrawiam.
EDIT:
Przeszukując internet, napotkałem się na taką oto "funkcję":
@media only screen and (DANA ROZDZIELCZOŚĆ)
Może w tym tkwi problem?
Zauważyłem, że przy responsywnych stronach ten problem często się pojawia.