Sidebar-Icons im mobilen Menü ausblenden, 17.1.1.0, Top Responsive

  • Hallo allerseits,

    vielleicht hat ja einer von Euch eine Idee. Ich habe keine mehr, und die KI „war stets bemüht“.

    Ich möchte die Sidebar-Icons einzig bei Ansicht des mobilen Menüs ausblenden. Auf den mobilen Seiten, also mobiles Menü geschlossen, sollen die Sidebar-Icons natürlich weiterhin sichtbar bleiben.

    Hintergrund: Im mobilen Menü liegen Sidebar-Icons und Extramenü, die beide auf die gleichen Seiten verweisen und auch identische Icons nutzen, quasi nebeneinander, was sehr unschön aussieht und das Navigieren nicht gerade erleichtert.

    ZP 17.1.1.0 mit Top Responsive.

    Vielen Dank für Eure Ideen und viele Grüße

    Tom

  • Hallo Tom,

    es ist zwar nicht dein gewünschter Effekt, aber hast du mal WZP Icon Bar V2.1 dir angeschaut?

    Ich verwende ZP 17.2.4;)

    Grüße Ela

  • Hallo Ela,

    vielen Dank für Deinen Hinweis. Das wäre dann Plan C oder D. Zunächst hoffe ich aber noch auf eine einfache Lösung per CSS.

    Viele Grüße

    Tom

    • Offizieller Beitrag

    Das CSS sollte helfen:

    Code
    <style>
    body.visible .zpSidebarIcons {
        display: none;
    }
    </style>

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!