Ú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í.
Role: Zákazník
Otázka je uzamčena pro nové odpovědi.
MB313456 Vybral nejlepší odpověď
4 Odpověď
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“.
MB313456 Vybral nejlepší odpověď