Dropdownmenü ist nicht zu sehen, zu tief

Hallo Nemessis,

in Campfire Responsive gibt es eine Einstellung zur Zeilenhöhe des Dropdown-Menüs:

„Layout > Logo / Hauptmenü > Zeilenabstand (Untermenü)“. Der Standardwert liegt hier bei 2 rem. Vielleicht testest Du hier mal verschiedenen Werte.

Dass dies letztlich wirklich hilft, wage ich allerdings zu bezweifeln. Dein Screenshot scheint eher nahezulegen, dass das Dropdown-Menü irgendwie vom Webslogan überlagert wird. Das riecht für mich nach einem falschen Wert für den Z-Index.

Das können aber letztlich nur die CSS-Pros unter uns beurteilen. Dafür wäre eine Veröffentlichung aber wohl zwingend notwendig. Das könnte ja auch in einem Unterverzeichnis von https://www.allgaeu-pension.com/lage-pension-am-hirschbach.html geschehen.

Viele Grüße

Tom

Hallo Nemessis,

setzt bitte mal "Zeilenabstand" testweise auf den Standardwert des Layouts: 2,0 rem. Wenn ich wie Du 1 Px definiere, dann sehe ich auch nur eine dünne schwarze Linie. Mir scheint der Name des Menüpunkt irgendwie auch irreführend. Gemeint ist wohl eher die Zeilenhöhe und nicht der Zeilenabstand.

Viele Grüße

Tom

Hallo Nemessis,

genau so sieht es bei meinem Testprojekt aus, wenn ich als Zeilenabstand 1 Px setze. Wie sieht es denn mit den von mir vorgeschlagenen 2.0 rem aus?

Viele Grüße

Tom

Salut Nemessis

Zum Hinweis von Drcymbal...

Zitat

(...)

genau so sieht es bei meinem Testprojekt aus, wenn ich als Zeilenabstand 1 Px setze. Wie sieht es denn mit den von mir vorgeschlagenen 2.0 rem aus?

... mit besagtem Wert "2em" sieht's dann schon mal besser aus.

Schau mal hier ...

Viele Grüsse

elch

Hallo Nemessis,

das kann man so machen, aber ich gebe Dir recht, dass das etwas komisch aussieht. Am Logo liegt es nicht. Durch Elchs tollen Beitrag inspiriert, habe ich mal auf Deiner Seite mit dem Wert für die Höhe des Dropdown-Menüs gespielt. Derzeit steht sie auf 100 %. Wenn Du jetzt bspw. 50 % einstellst, dann wandert das Dropdown-Menü weiter nach oben.

Ich begebe mich jetzt mal auf ganz unsicheres Terrain: CSS.

Wenn ich

<style>

nav>ul>li {

height: 50%;

}

</style>

in den CSS-Einstellungen eintrage, dann rückt das Dropdown-Menü wie gewünscht weiter nach oben. Da musst Du mal mit verschiedenen Werten spielen. Mir scheint 40 % ein guter Kompromiss.

Viele Grüße

Tom