Selbst erstelltes Navigationsmenü klappt in mobiler Version komplett aus

Sackmann Fahrradreisen Team

Guten Morgen liebes ZP-Team,

ich habe das Clean Style Responsive Design genommen, aber die Seiten alle leer (also ohne die Vorlage) erstellt, da ich ein eigenes Menü erstellt habe. Nun gibt es allerdings eine Kleinigkeit, die mich stört. Bei der mobilen Version werden alle Navigationselemente ausgeklappt, was nicht gerade zur Übersicht beiträgt. In der Desktop-Version ist es genau so, wie ich es mir vorgestellt hatte (Man fährt mit der Maus darüber und es klappt aus).

Nun meine Frage: Ist es möglich, die untergeordneten Navigationselemente auf der mobilen Version zu "verstecken" oder müsste ich sie dann generell, also auch für die Desktop-Version, verstecken?

Hier der Link zur Seite: http://www.schwarzwald-mtb.de/

Vielen Dank schon im Voraus für eure Hilfe!

Viele Grüße
Guido S.

Steffen T.

Hallo,

in der Desktop-Ansicht ist die Übersicht auch nicht gerade optimal. Ich würde empfehlen alle Seiten ab der dritten Menüebene aus der Navigation auszublenden. Der Besucher wählt dann beispielsweise "Deutschland" aus und kann dann durch die weiterführenden Links weiter navigieren. Die Übersicht hier ist ja schon super gemacht.

Um Seiten für die Navigation auszublenden, einfach in den Seiteneigenschaften unter "Sichtbarkeit" die Checkbox "Diese Seite im Navigations-Menü anzeigen" deaktivieren.

Sackmann Fahrradreisen Team

Hallo,

vielen Dank für die Antwort und die Empfehlung.

Auf der Desktop-Version gefällt mir die Navigation ja, nur die mobile Version sollte geändert werden, deshalb die Frage: Ist es möglich, die untergeordneten Navigationselemente auf der mobilen Version zu "verstecken" oder müsste ich sie dann generell, also auch für die Desktop-Version, verstecken?

Vielen Dank schon im Voraus!

Mit freundlichen Grüßen
Guido S.

Steffen T.

Da können Sie eigens CSS verwenden. Siehe https://docs.zeta-producer.com/eigenes-css-einfuegen.html

Folgender Code sollte funktionieren:

CSS

<style>
@media only screen and (max-width: 767px) {
	.zpnavmenu ul.zpnavmainmenu.on ul ul {
		display: none !important;
	}
}
</style>

Selbst erstelltes Navigationsmenü klappt in mobiler Version komplett aus

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?