Trick # 259 | Dieser Beitrag beinhaltet 268 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Standardmässig macht das Divi-Theme aus jedem Menü auch eine mobile Variante für Tablets und Mobiltelefone. Das ist meist patent – oft braucht man auf diesen Geräten aber kein Footer-Menu. Wenn Ihnen das Standardmenu im Header auf Mobilgeräten ausreicht, deaktivieren Sie es doch einfach im Footer. Geht ganz leicht mit ein wenig CSS-Code.
Um das Footermenu auf Desktop-PCs zu zeigen und auf Mobilgeräten auszublenden benötigen Sie untenstehende Zeilen. Fügen Sie sie in das CSS-Stylesheet Ihres Child-Themes ein. Sie finden es unter Design/Customizer/Zusätzliches CSS:
@media only screen and (max-width: 980px) {
footer .et_pb_menu__menu {
display: block !important;
}
footer #et_mobile_nav_menu, footer .et_mobile_nav_menu {
display: none !important;
}
}Der Code blendet das Footer Menu bis zu einer maximalen Anzeigebreite von 980 Pixeln aus. Das entspricht in etwa der Breitansicht eines Tablets. Auf Anzeigen von 981 und mehr Pixeln erscheint das Footer-Menu weiterhin ganz normal.
Werbung
Werbung
