Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 25, 2019 at 10:51 am #1151153
    MK8587

    Hallo,
    bei meiner Webseite überlappt das Hauptmenü im Header das Logo bei einer geringeren Bildschirmbreite (Tablet), bevor das Display so klein ist, dass das Burger-Menü angezeigt wird. Ich habe es schon mit CSS-Code hier aus dem Forum versucht, allerdings verschwindet dann zwar das Hauptmenü, aber das Burger-Menü wird übergangsweise nicht angezeigt, so dass in einem gewissen Bereich gar kein Menü vorhanden ist.

    October 26, 2019 at 4:44 am #1151313
    Rikard

    Hey MK8587,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1250px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Best regards,
    Rikard

    October 27, 2019 at 10:37 am #1151486
    MK8587

    Hello Rikard,

    the menu has been pushed down.

    October 28, 2019 at 4:10 am #1151654
    Rikard

    Hi,

    Please try this as well:

    .main_menu {
    top: 0;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.