Ú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ěď 11. 1. 2024
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“.
MB313456 Vybral nejlepší odpověď 11. 1. 2024