Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 20, 2023 at 1:07 am #1428536
    ausgesonnen

    Das burger menu erschient doppelt in der desktop Ansicht.
    Was kann ich tun damit es nur einmal erscheint?

    Über mich

    • This topic was modified 11 months, 1 week ago by ausgesonnen.
    December 20, 2023 at 3:56 am #1428552
    Ismael

    Hey ausgesonnen,

    Thank you for the inquiry.

    The mobile menu gets duplicated because of this css code.

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

    Do you remember adding it somewhere? You may need to remove the modification, then toggle or temporarily disable the Enfold > Performance > File Compression settings afterward.

    Best regards,
    Ismael

    December 20, 2023 at 8:47 am #1428568
    Guenni007

    PS: du solltest sehr zeitnah für Impressum und Datenschutzseite sorgen. Impressumspflicht und DSGVO ist da schon recht streng.
    Oder zumindest die Comming Soon Seite so einrichten, das man die anderen Seiten nicht erreichen kann.

    December 20, 2023 at 1:08 pm #1428595
    ausgesonnen

    Thanks to both of you.
    about this code:
    @media only screen and (max-width: 1000px) {
    .av-burger-menu-main.menu-item-avia-special {
    display: block !important;
    }
    }

    I added it hopeing it would be the solution to the following problem: the Menu breaks into 2 lines before changing to burger when the window width is decreased. Doesn’t look so good. Can you advise what else I can do about this?

    December 20, 2023 at 5:02 pm #1428618
    Rikard

    Hi,

    Please try this CSS instead:

    @media only screen and (max-width: 1024px) {
  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

    December 21, 2023 at 3:38 pm #1428671
    ausgesonnen

    again double burger. Does it maybe have to do with central alignment?

    December 22, 2023 at 6:00 am #1428720
    Ismael

    Hi,

    Thank you for the update.

    Adding this css code should hide the burger menu icon inside the main header container.

    @media only screen and (max-width: 1024px) {
  /* Add your Mobile Styles here */
  .html_header_top .av_bottom_nav_header .av-logo-container .main_menu li.av-burger-menu-main.menu-item-avia-special {
    display: none;
  }
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings afterward.

    Best regards,
    Ismael

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