Responsive Navigation

[PatrickEder]

Hallo zusammen,

ich hätte gerne das die Superfish Navigation auf dieser Seite : www.mühlbachschule.de responsiv wird. (Graue Leiste unter der Header Grafik)
Also dass sie sich automatisch der Größe anpasst.
Ist das möglich und wie?
Oder muss ich auf eine anderen Navigation umsteigen um es responsive zu haben?

Ich hoffe Ihr könnt mir weiterhelfen!

Schon mal vielen Dank!

Viele Grüße

Patrick

[folkfreund]

Hi Patrick,

nur das Menü responsive zu machen bringt dir ja nicht viel. Da muss wohl die ganze Seite umgebaut werden.

Für ein responsives Menü setze ich gerne das dk_mmenu ein. Das kann einfach per CSS auf großen Screens ausgeblendet werden. Die alte Navi kannst du umgekehrt auf kleinen Screens ausblenden. Du kannst es auf meiner Seite ausprobieren, indem du das Browserfenster klein machst.

Viel Erfolg,
folkfreund

[PatrickEder]

Hi Patrick,

nur das Menü responsive zu machen bringt dir ja nicht viel. Da muss wohl die ganze Seite umgebaut werden.

Für ein responsives Menü setze ich gerne das dk_mmenu ein. Das kann einfach per CSS auf großen Screens ausgeblendet werden. Die alte Navi kannst du umgekehrt auf kleinen Screens ausblenden. Du kannst es auf meiner Seite ausprobieren, indem du das Browserfenster klein machst.

Viel Erfolg,
folkfreund

Vielen Dank für deine Antwort.
Ja ich bin auch dabei die Seite ganz auf responsiv umzustellen.
Ist dein "normales" Menü auch eine superfish Navigation?
Wie kann ich das dk_mmenu mit css ausblenden?

Viele Grüße
Patrick

[folkfreund]

Nee, ich habe bei der Seite das Rocksolid OpenSauce verwendet und die Navigation mit CSS getuned.

Im CSS verwende ich media queries, mit denen ich Abhängig von der Screen-Größe unterschiedliches CSS aktiviere.

Also etwa:

.MobileNavLink {
    display:none;
}

@media screen and (max-width: 680px) {
    .MobileNavLink {
        display: inline-block;
    }
}

Damit ist der Link zum Öffnen des mmenu normalerweise unsichtbar, wird aber unter 680px Breite sichtbar.
Umgekehrt kann man das Hauptmenü dann auch ausblenden.

folkfreund