Úprava „hamburger“ menu
Dobrý den, mohu prosím ve Website někdě upravit zobrazení „hamburgerového“ menu v mobilní verzi webu? V doméně maly-kafe.cz mi vše hezky funguje, ale když zobrazím v mobilu, je menu nečitelné, potřebovala bych tam dát alespoň nějaké pozadí.
4 Answers
Můžete zkusit tento postup:
- V editoru WebSite vyberte Nastavení stránky.
- Do pole Globální CSS nakopírujte tento kód:
#navbar-inverse-collapse-navbar9 {
background-color: rgba(255, 255, 255, 0.6);
}
To podbarví navigaci bílou barvou s krytím 60% (můžete upravit změnou čísla 0.6 v závorce rgba).
Problémy:
- V ne-mobilní verzi podbarvení funguje také, ale nepodbarví celou navigační lištu, jenom její část (vlevo nechá úzký tmavý proužek).
- Pokud změníte lištu v editoru, bude mít pravděpodobně jiný identifikátor než navbar9 a kód přestane fungovat.
Kód lze upravit tak, aby se zapínal jen na určitých velikostech obrazovky. Pokud si to chcete upravit ještě lépe, hledejte „CSS media query“.
Dobrý den,
můžeme tam zkusit přes globální CSS dostat nějakou barvu, ale buď se projeví ve všech rozlišeních webu, nebo bude kód složitější. Jakou barvu tam chcete mít?
Dobrý den,
moc díky za odpověď, stačila by klidně nějaká trochu průhledná bílá nebo šedá, jen aby bylo menu při rozbalení čitelné, na odstínu úplně nezáleží.
Takhle je to úplně super, priorita je mobilní zobrazení. Moc díky za pomoc!