Verständnisfrage zu Mobile Menü

[derRenner]

Hallo,

ich hätte da den richtigen Tipp benötigt, um das Mobile-Menü aus der Demo zu verstehen.

Im Layout ist das Navigation Main navigation Mobile #nav-main-mobile unterhalb der Articles eingestellt.
Erst mit @media (max-width:767px){} wird diese ID angesprochen und entsprechend gestylt bzw. kommt diese zum Vorschein.

Meinem Verständnis nach, ist bis zu diesem viewport die Navi nicht sichtbar.
Aber wo bzw. wohin wird diese bis dahin "geschoben"?
Ich finde hierzu keine CSS-Anweisung, die das Modul Navigation Main navigation Mobile bis zu dieser Bildschirmgrösse "verbirgt".

Oder denke ich hier generell falsch?

[tab]

Im Stylesheet globals.css steht

.showat480, .showat768 {
    display: none;
}

Und der mobilen Navigation ist die Klasse .showat768 zugeordnet.

[ciaobello]

Die Navigation rutscht nach unten. Mit dem Symbol für die Navigation (kleiner 768) wirst Du zu der Normalen Navigation geleitet welche unterhalb dem Main liegt. Die wird einfach so gestaltet dass die Menupunkte untereinnander liegen. So zumindest verstehe ich das.

<nav class="mod_navigation nav-main showat768 block"
 id="nav-main-mobile">

[derRenner]

Danke euch beiden!
Ja, über die Klasse hatte wohl mal dezent drüber gelesen