Neuigkeiten:

moziloCMS verwendet Cookies. Wenn Sie auf unserer Seite weitersurfen, stimmen Sie der Cookie-Nutzung zu Datenschutzerklärung
moziloCMS Layouts
moziloCMS Plugins

Hauptmenü

Header und Navigation nebeneinander

Begonnen von Rainer, 01. Februar 2019, 12:08:42

« vorheriges - nächstes »

Rainer

Servus,

ich versuche gerade beim moziloCMS_Standard_Dunkel - Layout, Header und Navigation, bei genügend großem Monitor, nebeneinander darzustellen. Komme aber nicht dahinter wie ich das anstellen muss, damit die Mobile-Navi weiter funktioniert.
Vor lauter CSS seh ich die Cascaden  nicht mehr  :mrgreen:

Die Original template.html:
        <input type="checkbox" id="menu-checkbox" role="button">
            <label for="menu-checkbox" id="menu-toggler">{WEBSITE_NAME}
                <span id="menu-toggler-icon"></span>
            </label>
        <header><span>{WEBSITE_NAME}</span></header>
        <nav>{MAINMENU}</nav>


meine Änderung:
        <input type="checkbox" id="menu-checkbox" role="button">
            <label for="menu-checkbox" id="menu-toggler">{WEBSITE_NAME}
                <span id="menu-toggler-icon"></span>
            </label>
        <header>
        <div class="logo"><span>{WEBSITE_NAME}</span></div>
        <nav>{MAINMENU}</nav>
        </header>

moziloCMS über Facebook bekannt machen
•• moziloCMS auf GitHub
••• Nichts ist einfacher, als das, was uns fremd ist, zu verachten.
•••• Mein moziloCMS

marusti

Hallo Rainer,
hast du einen Link als Bsp?
Damit ich es richtig verstehe: du willst die beiden "nur" nebeneinander haben oder soll das Menü dann auch vertikal angezeigt werden?

Rainer

Link hab ich nicht. Ist alles noch auf der Kiste.
Beides soll in der Waagrechten bleiben wie im Screenshot. Allerdings noch mit backgound-image.
moziloCMS über Facebook bekannt machen
•• moziloCMS auf GitHub
••• Nichts ist einfacher, als das, was uns fremd ist, zu verachten.
•••• Mein moziloCMS

marusti

#3
Wenn ich das richtig verstehe, benötigst du den Header gar nicht. Du möchtest einfach den Seitentitel neben dem Menü, korrekt?
Versuch mal folgendes als Anfang (nicht komplett durchgetestet):
header: display:none (oder gleich aus der html löschen)
weiter in der html - bei <nav> einfügen <span class="test">{WEBSITE_NAME}</span>
weiter in der css...
.test {display:none}

und dann im Abschnitt @media only screen and (min-width: 768px)
.test {display:flex; align-self: center;}

Damit sollte alles nebeneinander und zentriert sein.
Alternativ kannst du auch in Zeile 266 justify-content: center;auf justify-content: flex-start; ändern

Rainer

#4
Die einfachste Lösung übersehen  ::)
Das müsste so funktionieren.
Merci

Nachtrag: Funktioniert  ;D
moziloCMS über Facebook bekannt machen
•• moziloCMS auf GitHub
••• Nichts ist einfacher, als das, was uns fremd ist, zu verachten.
•••• Mein moziloCMS