Responsive - problem z dostosowaniem top menu

euphoria-art

Avatar: euphoria-art

2013-05-04 14:51

Hej, skórka Responsive spadłą mi z nieba, nie miałem wersji mobilnej, więc jest to piękne rozwiązanie przynajmniej dla mnie ';)
przerzuciłem ze tej skórki do swojej

ten fragment :

/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:1023px){ /* RWD Step 1 */
#head1, #head2{width:95%;}
#body .container, #foot .container{width:95%;}
#head2 .container{overflow:auto;height:auto;}
#menu1 li{float:left;padding:0;}
#menu1 li a{float:left;height:auto;padding:11px 25px 0;color:#fff;font:bold 1.17em;text-transform:uppercase;background:inherit;}
#column{width:30%;}
#column .type{padding-left:0;}
#content{width:70%;}
#foot .container{padding:15px 0;}
}
@media screen and (max-width:481px){ /* RWD Step 2 */
#column, #content{clear:left;width:100%;}
#content{padding-top:5px;}
#menu2, #column .type{margin-top:5px;}
#menu2 li{float:left;white-space:nowrap;margin-top:3px;padding:0 10px;border-left:1px solid #4284b0;}
#menu2 a{display:block;width:100%;padding:0;}
#menu2 .sub1{display:none;}
}

@media screen and (max-width:320px){ /* RWD Step 3 */
#head1 .container{height:auto;}
#logo{padding:10px 5px;}
#logo #title a{font-size:2em;}
#logo #slogan{padding:5px 0 0 0;background:inherit;color:#fff;font-size:1.167em;}
#imagesList1{padding-right:5px;}
#imagesList2{padding-left:5px;}
#imagesList3{padding-top:5px;}
.imagesList li{width:75px;}
.subpagesList li img, .imagesList li img{width:65px;}
.foot{float:left;padding-top:10px;}
}

Mam problem z top menu, nie jest automatycznie dopasowywane, testy robiłem na symulatorze - Opera_Mobile_Emulator_12.1_Windows.exe, reszta jest prawie ok poza +1 Google i galerią fotek ale z tym powinienem sobie poradzić. Jak nie uporam się z top menu to sobie odpuszczę resztę.
Kombinowałem ustawiać w stylach i nie mam pojęcia jak rozgryźć ten orzech, bardzo proszę o pomoc
strona - http://www.obrazygaleria.pl/

» Quick.Cms v5.x

selekcjoner

Avatar: selekcjoner

2013-05-04 14:57

Spróbuj dodać width:100% dla #head2 .container {

simlution.org

euphoria-art

Avatar: euphoria-art

2013-05-05 19:26

Dzięki, pomogło, lecz dałem sobie spokój, z galerią zdjęć i z kilkoma innymi rzeczami nie mogłem się uporać. Za jakiś czas komuś zlecę robotę. Szkoda że nie da się takim sposobem osadzić klasycznej strony jak jest w wersji mobilnej.

Do góry
o nas | kontakt