Logo überdeckt Menüleiste

  • Gelöst Curiosa89

    (@curiosa89)


    vor 8 Jahren, 8 Monaten

    Hallo,

    ich habe das Problem, dass bei hoher Bildschirmauflösung, wenn alles größer gezoomt wird, meine normalerweise 1-zeilige Menüleiste aufgrund der Größe 2-zeilig wird und das Logo die Menüleiste überdeckt, sodass man die Wörter im Menü nicht mehr richtig lesen kann.

    habe schon versucht, die Logogröße klein zu halten, dennoch tritt das Problem auf wenn ich weit genug reinzoome.

    kann mir jemand helfen und weiß, ob und wo ich so etwas einstellen kann?

    danke!

Ansicht von 9 Antworten – 1 bis 9 (von insgesamt 9)
  • Thread-Starter Curiosa89

    (@curiosa89)

    vor 8 Jahren, 8 Monaten

    hier ist ein Link zu der Seite, sodass man es sich anschauen kann:

    http://www.finance2020.de/

    Moderator Torsten Landsiedel

    (@zodiac1978)

    vor 8 Jahren, 8 Monaten

    Das Logo ist 145 Pixel breit (bei einer bestimmten Breite des Browsers) und der Innenabstand nach links sind nur 120 Pixel …

    Du könntest z.B. per Simple Custom CSS Plugin den folgenden CSS-Code ergänzen:

    .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding-left: 160px !important;
}

    Gruß, Torsten

    Thread-Starter Curiosa89

    (@curiosa89)

    vor 8 Jahren, 8 Monaten

    danke – blöde Frage, wo kann ich den CSS-Code eingeben?

    Moderator Torsten Landsiedel

    (@zodiac1978)

    vor 8 Jahren, 8 Monaten

    ZUm Beispiel in ein Child-Theme oder per Custom CSS (sofern dein Theme so etwas bereit stellt) oder per Zusatzplugin (z.B. Simple Custom CSS).

    Gruß, Torsten

    Thread-Starter Curiosa89

    (@curiosa89)

    vor 8 Jahren, 8 Monaten

    Custom CSS bietet mein Theme (Divi). der Code bezieht sich ja auf die Menüzeile, oder? da weiß ich nicht, wo ich ihn eingeben kann. die Menüeinstellungen mache ich immer bei Design –> Anpassen.

    Thread-Starter Curiosa89

    (@curiosa89)

    vor 8 Jahren, 8 Monaten

    ich habe das Custom CSS Plugin installiert und dem Menü eine CSS-Klasse (Namen) gegeben. kann ich nun den Code irgendwo eingeben dafür?

    Moderator Torsten Landsiedel

    (@zodiac1978)

    vor 8 Jahren, 8 Monaten

    Wenn dein Theme ein Custom CSS Feld hat, dann kannst du einfach meinen Code von oben dort einfügen. Mehr wäre nicht nötig gewesen. Du musst dem Menü keine Klasse vergeben und kein Zusatzplugin installieren, wenn dein Theme so etwas bereits anbietet.

    Gruß, Torsten

    Thread-Starter Curiosa89

    (@curiosa89)

    vor 8 Jahren, 8 Monaten

    Hallo Torsten,

    danke für deine Antwort.
    Generell bietet mein Theme die Möglichkeit, Custom Css Codes einzugeben. (finde ich jeweils nach den allgemeinen und den spezifischen Settings als 3. Reiter rechts).

    Meine Frage war; wenn ich den von dir genannten Code für die Menübreite eingeben möchte – wo kann ich den eingeben? mir sind als Menüeinstellungen nur „Design –> Menüs“ bekannt sowie „Design –> Anpassen –> Menüs“, und ich wüsste nicht, wo ich ein Custom CSS Feld für das Menü finde.

    LG

    Moderator Torsten Landsiedel

    (@zodiac1978)

    vor 8 Jahren, 8 Monaten

    ich wüsste nicht, wo ich ein Custom CSS Feld für das Menü finde.

    ???

    Die Zuordnung findet doch über den Selektor statt. Du musst den Code einfach als Custom CSS einfügen. Mehr nicht. Dazu muss beim Menü nichts eingestellt werden.

    Gruß, Torsten

Ansicht von 9 Antworten – 1 bis 9 (von insgesamt 9)
  • Das Thema „Logo überdeckt Menüleiste“ ist für neue Antworten geschlossen.