Java týden
30 % bodů zdarma na online výuku díky naší Slevové akci!
Pouze tento týden sleva až 80 % na e-learning týkající se Javy.
Avatar
Katka
Člen
Avatar
Katka:30. júla 20:07

Ahoj, poradil by někdo, jak upravit menu na stránce http://webodkatky.cz/ tak, aby responzivní menu bylo na jedné řádce s logem, při zabalení menu do hamburgeru zůstalo viditelné a po rozkliknutí hamburgeru se při šířce obrazovky 320px a míň zarovnali jednotlivé položky menu na střed vzhledem k celé šíři obrazovky?

Momentálně se mi po rozkliknutí hamburgeru perou položky menu o místo s logem a zarovnávají se moc vpravo.

Skúsil som: Vím, že momentální menu není ideální - bez ul, li. Je to ale jediné při čem mi fungovala responzivita a i video pod menu.

Chcem docieliť: Snažím se o klasické responzivní menu s hamburgerem, ideálně s křížkem po rozkliknutí. S logem na jedné straně a položkami na druhé. Tak aby zároveň fungovalo video pod tím.

 
Odpovedať
30. júla 20:07
Avatar
Thomasitho
Člen
Avatar
Thomasitho:31. júla 8:35

Ahoj, pre zarovnanie položiek menu na stred pri šírke 320px a menej, by malo stačiť do CSS pridať toto:

@media screen and (max-width: 320px)
{
    .navbar
    {
        width: 100%;
    }
    .navbar a {
        text-align: center;
    }
}
Akceptované riešenie
+20 Skúseností
+1 bodov
Riešenie problému
 
Hore Odpovedať
31. júla 8:35
Tento výukový obsah pomáhajú rozvíjať nasledujúce firmy, ktoré možno hľadajú práve teba!
Avatar
Katka
Člen
Avatar
Odpovedá na Thomasitho
Katka:3. augusta 10:21

Moc Ti děkuji! (v) Jak jednoduché :)

 
Hore Odpovedať
3. augusta 10:21
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 3 správy z 3.