Menüanzeige im Responsive Modus (zwei Menüs angezeigt)?

    Hallo zusammen,


    ich bin neu im Joomla Forum und freue mich auf Eure Beiträge/Hilfe :)


    Bei einem Thema benötige ich auch gleich etwas Hilfe. Ich habe mit dem Template Protostar eine kleine Website erstellt, mir jedoch ein eigenes Menümodul hinzugenommen, welches auf dem Smarphone das Menü responsive anzeigt.
    Allerdings zeigt beim Aufruf auf dem Smartphone die Site jeweils das neue Menümodol an (oben links in grau) und auch unter der Suche (grau gestreifter Kasten, allerdings beim Klicken ohne Inhalt). Ich habe das Gefühl, dass ist die Standardnavi vom Template, jedoch ohne Inhalt. Im Backend habe ich als Modul nur eine Navigation aktiv.


    Wie kriege ich denn das graue Quadrat :) aus meiner Ansicht auf dem Smartphone weg? Im Browser sieht alles top aus.


    Link zur Site: www.gin-hausbar.de


    Zum Vergleich: mit einem anderen Template habe ich eine andere Site erstellt, hier ist im Smartphone Modus nur eine Navigation aktiv
    Link: dj.hausdj.de



    VIelen Dank für Eure Hilfe, Mühe und Tipps.


    Alex

    Hallo Alex,

    Zitat von hausdj

    Wie kriege ich denn das graue Quadrat :) aus meiner Ansicht auf dem Smartphone weg?


    dieses graue Quadrat nennt sich: Hamburger :) dieses ist fix im Template.
    Vermutlich musst Du folgende Zeilen in der index.php des Templates auskommentieren oder löschen:


    Code
    <nav class="navigation" role="navigation"><div class="navbar pull-left">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span class="element-invisible">Navigation an/aus</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span></a></div>
<div class="nav-collapse collapse" style="height: 0px;">


    vorher backup natürlich.


    Das hier auch bitte ansehen: Joomlaeigene Templates anpassen/ändern (z.B. Protostar, Beez3). Vorher eine Template-Kopie anlegen!


    Liebe Grüße, Christine

    Hallo Christine,


    danke für Deinen Tipp. Leider ist das HTML ja aus der Index.php generiert und somit können hier die Zeilen von Dir oben genannt leider nicht so auskommentiert werden. Ich habe auch noch mal gesucht, jetzt wo ich weiß, wie das Menü heißt (Burger). Scheint generell ein Problem beim Protostar zu sein und es gibt wohl die Möglichkeit, es über eine Custom.CSS auszublenden:


    /** hide nav menu icon on mobile **/
    .top-bar, .middle-bar, .bottom-bar {
    display:none !important;
    }
    label.mobile-nav-toggle-label.fixed-nav-toggle-label {
    display:none !important;
    }
    Dies habe ich aber leider nicht wirklich hinbekommen, da ich nicht weiß, wo der CSS Code hin muss.


    Was aber geholfen hat:
    Die Navigation (also das MOD mit der eigenen Navi) befand sich auf Position1 Navigation im Protostar und wurde so in der Mobile Version doppelt angezeigt (Responsive Menu und Burger Button). Ich habe jetzt das Modul meiner eigenen Navigation auf Position 3 gesetzt im Modul selbst und siehe da, der Burger Button ist Mobil weg.
    Zwar eine komische Lösung aber funktioniert auch :)