BF Summer sales
Pouze tento týden sleva až 80 % na HTML & CSS a JavaScript
80 % bodů zdarma na online výuku díky naší Letní akci!

Diskuze: Responzivní navigace s logem na jednom řádku - html, css

Aktivity (2)
Avatar
Katka
Člen
Avatar
Katka:30. července 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.

Zkusil jsem: 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.

Chci docílit: 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.

 
Odpovědět
30. července 20:07
Avatar
Thomasitho
Člen
Avatar
Thomasitho:31. července 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é řešení
+20 Zkušeností
+1 bodů
Řešení problému
 
Nahoru Odpovědět
31. července 8:35
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Katka
Člen
Avatar
Odpovídá na Thomasitho
Katka:3. srpna 10:21

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

 
Nahoru Odpovědět
3. srpna 10:21
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.