Fügen Sie mobile Menü für Flüssigkeit Thema

Question

In Shopify,

Ich habe Desktop-Menü.Hier kein Problem auf Desktop-Header. Die mobile Ansicht zeigt jedoch keine mobile Menüleiste an.

das ist mein Desktop navbar mein Handy Menü ist

wie kann ich dann Handy-Menü in meinem Handy navbar erstellen.

Answer 1

Nun könnte man einfach eine Klasse für jede der Ansichten wie so erstellen:

Wenn die Anzeige weniger als 768px:

.mobile-only { 
     display: block; 
     visibility: visible; 
     padding: 0; 
    } 
.desktop-only { 
     display: none; 
     visibility: hidden; 
    } 

Wenn die Anzeige größer oder gleich als 768px:

@media (min-width: 768px) { 
    .mobile-only { 
     display: none; 
     visibility: hidden; 
    } 
.desktop-only { 
     display: block; 
     visibility: visible; 
    } 
} 

und dann erstellen Sie alle Stile in Bezug auf diese beiden Klassen, wo es in mobilen oder Desktop angezeigt wird.

glückliche Codierung :)