Menü verschwindet

  • Hallo liebe Forengemeinde,

    Ich bin vor einiger Zeit von Joomla auf WP umgestiegen. Mittlerweile komme ich mit dem CMS Sytem ganz gut zurecht und finde es besser als Joomla.
    Meine neueste Seite ist mit einer Version des Shuttershot-Themes konfiguriert.

    Demo: http://jinsonathemes.com/fabs/?themedemo=Shutter-shot
    Download: http://www.fabthemes.com/shuttershot/

    Nun habe ich folgende Sorge: Wenn ich mit mobilen Geräten (Smartphone, iPad etc...) in die Seite herein zoome, verschwindet mein Menü. Je mehr ich zoome, umso weiter haut es nach links ab. Das Menü ist offenbar sinnvoller Weise so eingebunden, dass es beim nach unten scrollen immer oben "angeheftet" bleibt, also stets verfügbar ist. Das finde ich gut, und das soll auch so bleiben. Aber es stört mich, dass es beim Zoomen einfach in den leinken Rand verschwindet.

    Kann ich irgendetwas am Template-code ändern um das zu beheben?


    Vielen Dank vorab,

    MfG
    Hannes

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hallo Hannes,

    ich habe es gerade mit meinem iPad probiert, aber das Menü verschiebt sich nicht - zumindest bei der Demo.
    Hast du denn auf deiner Seite evtl. mehr Menüpunkte als in der Demo angegeben verwendet?

    Gruß


  • Versuch mal das ...

    suche folgendes in Deiner styles.css

    CSS
    #masthead {
    height: 80px;
    background: url(images/top.png);
    z-index: 200;
    top: 30px;
    left: 0px !important;
    position: fixed;
    width: 100%;
    [COLOR=#ff0000]min-width: 1000px;[/COLOR]
    }


    und schreibe das rote dazu. Habe es selber nicht getestet.

    Edit: am besten über ein Child-Theme, damit beim Update des Themes die Änderungen nicht verloren gehen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Nimm einfach mal die Breitenangabe bei #submenu raus:

    Code
    #submenu {margin: 0px 0px;
    [B]width: 700px;[/B]
    padding: 0px 0px;
    }

    Dann funktioniert das. Responsive ist allerdings was anderes... :)

    PS: Das übergeordnete Element #botmenu hat einen float:right - deswegen will das mit einer Breitenangabe eins tiefer nicht fluffeln. Abstand kannste dann via margin/padding basteln...

  • Versuch mal das ...

    suche folgendes in Deiner styles.css

    CSS
    #masthead {
    height: 80px;
    background: url(images/top.png);
    z-index: 200;
    top: 30px;
    left: 0px !important;
    position: fixed;
    width: 100%;
    [COLOR=#ff0000]min-width: 1000px;[/COLOR]
    }


    und schreibe das rote dazu. Habe es selber nicht getestet.

    Edit: am besten über ein Child-Theme, damit beim Update des Themes die Änderungen nicht verloren gehen.


    Dann passiert das Gegenteil: Ein Teil des Menü's verschwindet beim zoomen nach rechts (und ist nicht per "streichen" wieder hervor zu holen)

  • ja, weil Dein Theme nicht wirklich responsive ist. Dann teste das von formateins.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Nimm einfach mal die Breitenangabe bei #submenu raus:

    Code
    #submenu {margin: 0px 0px;
    [B]width: 700px;[/B]
    padding: 0px 0px;
    }

    Dann funktioniert das. Responsive ist allerdings was anderes... :)

    PS: Das übergeordnete Element #botmenu hat einen float:right - deswegen will das mit einer Breitenangabe eins tiefer nicht fluffeln. Abstand kannste dann via margin/padding basteln...

    Danke, das haut hin! :)
    Super, vielen Dank!!!

Jetzt mitmachen!

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