Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 27, 2021 at 12:29 pm #1290721
    DianaLoola73

    Liebes Support Team,
    für die Website http://test.eisenlauer-muenchen.de/ gibt es beispielsweise für den Menüpunkt “Stadtplanung” ein Mega Menu als Untermenü.
    Dieses sollte immer (egal bei welcher Bildschirmbreite) sich über die gesamte Layoutbreite erstrecken.
    Momentan habe ich es übergangsweise so gelöst, dass ich im CSS folgenden Code eingefügt habe:
    #top #header .avia_mega_div {
    width: 1340px;
    }
    Verkleinert man aber den Screen, so ist mit diesem Code und der fixen Breitenangabe von 1340px das Mega Menu angeschnitten und das Ganze funktioniert nicht mehr.
    Wie kann ich den Code angeben, dass das Mega Menu sich in der Breite immer 100% an der Layoutbreite anpasst?

    Vielen Dank im voraus und viele Grüße, Diane

    March 30, 2021 at 8:57 am #1291260
    Nikko

    Hi Diana,

    Try adding max-width on your CSS code:

    max-width: 100%;

    If the screen width is lesser than 1340px then it should limit itself to 100% maximum width.

    Best regards,
    Nikko

    May 8, 2021 at 6:49 pm #1299123
    DianaLoola73

    Hi Nikko,

    Unfortunately it doesn’t work if I add the code “max-width: 100%;”: then the following happens with the menu as shown in the screenshot: https://osmosis.de/support%20/bildschirmfoto.png

    Is there any other solution?
    Best reagrds Diana

    May 10, 2021 at 3:31 pm #1299386
    Nikko

    Hi Diana,

    Can you try to remove the max-width property, then add this CSS code:

    @media only screen and (max-width:1360px) {
  #top #header .avia_mega_div {
    max-width: 1000px;
  }
}

    Best regards,
    Nikko

    May 12, 2021 at 10:40 am #1299868
    DianaLoola73

    Thank you Nikko. This script of you solved the problem. Thank you!

    May 12, 2021 at 11:20 am #1299881
    Nikko

    Hi DianaLoola73,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mega Menu gesamte Layoutbreite’ is closed to new replies.