Menü soll früher bereits als Sticky-Menü (Hamburger-Menü) erscheinen

WM-Loose · 31. Januar 2022

Das Menü wird bei Tabletansicht im Querformat leider so angezeigt, dass der rechte Teil mit einem Zeilenumbruch dargestellt wird. Jetzt möchte ich dies verhindern, indem ich das Menü früher als Stiky-Menü anzeigen lasse. Dies geschieht auf einem kleineren Display ja durch das Template automatisch.

Kann mir jemand den CSS-Code für die custom.css nennen?

Link zur Seite:

https://www.naturheilkunde-mainz.com/

chr-hl · 31. Januar 2022

Moin Dirk;
m.E. folgendes eintragen und die 768px "erhöhen":

@media (min-width: 768px) and (max-width: 959px)

.uk-visible-small {

display: none !important;

}

Christian

WM-Loose · 31. Januar 2022

Zitat von chr-hl

@media (min-width: 768px) and (max-width: 959px)
.uk-visible-small {
display: none !important;
}

Hi Christian, leider keine Veränderung.

chr-hl · 31. Januar 2022

Hast Du die 768 auch durch einen höheren Wert ersetzt?

Evtl. "spukt" da noch mehr zu korrigierendes CSS herum.

Christian

Hier muss auch angepaßt werden:

@media (max-width: 767px)

.uk-hidden-small {

display: none !important;

}

christine2 · 31. Januar 2022

Hallo,

kann mir das im Tabletformat nicht ansehen.

Nicht sicher, aber gehört da nicht in die 1. Zeile ein { und in die letzte Zeile ein }

Liebe Grüße

Christine

WM-Loose · 31. Januar 2022

Alles ausprobiert aber hat bis jetzt noch keinen Einfluss auf die Darstellung des Menüs.

Eventuell gar nicht über css änderbar und es muss wo anders geschraubt werden .

chr-hl · 31. Januar 2022

Also ich habe das im Chrome probiert.
da hatte ich 850 bzw. 849px eingegeben und das funzte.

Möchte jedoch nicht ausschließen, dass der Wert aus der custom.css wieder überschrieben wird.

Konnte auf die Schnelle auch keine eingebundene custom.css finden.

Christian

WM-Loose · 31. Januar 2022

Komisch.

Habe aber gerade "menu-outer" entdeckt.

Wenn ich diese Parameter verändere, nimmt es direkt Einfluss auf das Menü.

Code

#menu-outer {
    z-index: 980;
    position: relative;
    float: none;
    text-align: center;
}

Wenn ich z.B den z-index auf 0 setze, verschwindet alles was sonst eine Zeile tiefer rutscht.

WM-Loose · 1. Februar 2022

Da die Zeit drängt, haben wir das Menü umgebaut und somit das Problem entschärft.

Ich schließe das Thema.

christine2 und chr-hl

Vielen Dank für die Hilfsbereitschaft.

Tags