Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 10, 2026 at 9:35 am #1494914
    SanKlei

    Hi!
    What settings do I need to adjust so that the menu, when it becomes a two-line menu, doesn’t overlap with the page content, but rather that the sticky part is below the second menu line?
    kind regards, Sandra

    February 10, 2026 at 1:15 pm #1494919
    Rikard

    Hey SanKlei,

    Please try this in Quick CSS to activate the mobile menu at an earlier point:

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

    February 10, 2026 at 1:58 pm #1494920
    SanKlei

    Hi Rikard,
    please explain this for a non-developer. So what do I have to do with this?

    February 10, 2026 at 5:08 pm #1494927
    Rikard

    Hi,

    Please paste in the Quick CSS box under Enfold->General Styling.

    Best regards,
    Rikard

    February 11, 2026 at 9:44 am #1494973
    SanKlei

    Ok, thank you
    This works, but now I have 2 burger menu icons, which are overlapping the logo. That’s not, what I wanted. Is ist possible to set the sticky header under the 2nd menu line?

    Can I upload Images to demonstrate?

    February 11, 2026 at 10:42 am #1494979
    Rikard

    Hi,

    You can upload screenshots to a service like Google Drive, Dropbox, Imgur, Snipboard etc, then link to them here.

    Best regards,
    Rikard

    February 11, 2026 at 10:50 am #1494980
    SanKlei

    https://drive.google.com/drive/folders/1wmHMUl0aF8goEq2xWpz54DbNkryh2VdX?usp=share_link

    February 11, 2026 at 2:23 pm #1494989
    Rikard

    Hi,

    Thanks for the screenshots. How exactly are you looking to change the behaviour of the menu?

    Best regards,
    Rikard

    February 20, 2026 at 3:41 pm #1495289
    SanKlei

    Hi Rikard, in die Drive Link above I uploaded a video for you.
    I asked, If it’s possible to make the sticky header under the 2-line menu. So that the text will not go over the picture (Bildschirmfoto 2026-02-10 um 09.29.55)

    February 21, 2026 at 10:55 am #1495312
    Rikard

    Hi,

    Thanks for the clarification. That is the reason I suggested CSS to activate the mobile menu at an earlier point, there’s not enough room to accomodate all the menu items on smaller screen sizes.

    Best regards,
    Rikard

    February 23, 2026 at 8:54 am #1495361
    SanKlei

    Yes, we’ve already been there. Please read above. In the second photo, you can see that two burger menus then appear. And the search bar, which is normally on the right, is now on the left above the logo. This should be improved.

    https://drive.google.com/drive/u/1/folders/1wmHMUl0aF8goEq2xWpz54DbNkryh2VdX

    February 23, 2026 at 3:17 pm #1495371
    Rikard

    Hi,

    Please try this CSS instead:

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

    Best regards,
    Rikard

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