responsive menu virker ikke helt

[tobrukdk]

Hej

jeg er i gang med at bygge min nye hjemmeside op til mobil også, derfor vil jeg høre jer ad hvordan det kan være at jeg har det her problem som bliver vist på linket.

http://billedeupload.dk/?v=auFEW.png

Til ventre kan du se når jeg bruger computer og til højre sådan ser det ud når jeg er på f.eks mobil.

Computer style hvis jeg kan kalde det.

Kode: Vælg alt

.menu{
     height:42px;
     background:#333; 
     border-bottom:solid 3px red;
     }
 .menu ul{
     margin:0; 
     padding:0; 
     float:left; 
     list-style:none;
     }
 .menu ul li{
     position:relative;
     float:left; 
     }
 .menu ul li a{
     display:block;
     height:42px; 
     padding:0 15px; 
     font:15px/45px 'Anaheim', sans-serif; 
     color:#fff; 
     text-transform:uppercase; 
     text-decoration:none;
     -webkit-transition:background 190ms ease-in, color 190ms ease-in;
     -moz-transition:background 190ms ease-in, color 190ms ease-in;
     -ms-transition:background 190ms ease-in, color 190ms ease-in;
     -o-transition:background 190ms ease-in, color 190ms ease-in;
     transition:background 190ms ease-in, color 190ms ease-in;
     }
 .menu ul:hover li.active > a{
     background:#333; 
     color:#fff; 
     }   
 .menu ul li.active > a, .menu ul li:hover > a, .menu ul li.active:hover > a{
     background:red; 
     color:#FFF; 
     }   
 .menu ul li a:active, .menu ul li.active a:active{
     color:#CCC;
     }

Mobil style here.

Kode: Vælg alt

.menu {
     width: 95%;
 }
 .menu li {
     clear: both;
     padding: 5px 15px;
 }
 .menu li a{
     text-decoration: none;
     color: #ffffff;
 }

Håber du kan hjælpe mig videre til at hjemmesiden snart kan komme online.

[ThomasI]

Først og fremmest - fedt at du husker at tænke responsivt. Det bliver du glad for senere

Tror problemet med din mobile menu er at der ikke er en baggrundsfarve - du har hvid tekst og hvid baggrund - så det ser ud til at den forsvinder. Prøv at give din liste en sort baggrund.

Bruger du et framework? Tag evt. et kig på http://getbootstrap.com/ og kig under components og så menuer

[tobrukdk]

Først og fremmest - fedt at du husker at tænke responsivt. Det bliver du glad for senere

Tror problemet med din mobile menu er at der ikke er en baggrundsfarve - du har hvid tekst og hvid baggrund - så det ser ud til at den forsvinder. Prøv at give din liste en sort baggrund.

Bruger du et framework? Tag evt. et kig på http://getbootstrap.com/ og kig under components og så menuer

Responsivt er en vigtig ting fremover hvis man skal markedsføre hjemmeside på fremover.

jeg læst det sådan her;

Kode: Vælg alt

.menu { height:auto;}
.menu ul { float:none;}
.menu ul li { float:none; display:inline-block; *display:inline; zoom:1;}