Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 15, 2024 at 2:03 pm #1430156
    ausgesonnen

    Hi there Mike,
    there are 2 burger menus when I make the window width smaller. See screenshot.
    Screenshot-2024-01-15-at-14-01-14

    the url is this:

    LOM

    PLease advise how to only have the on ein the top right hand corner.

    January 16, 2024 at 10:29 am #1430219
    Ismael

    Hey ausgesonnen,

    Thank you for the inquiry.

    Did you any modifications for the header? To remove the other burger icon, you can try this css code.

    #top #header .av-logo-container .av-main-nav > li.av-burger-menu-main {
    display: none;
}

    Best regards,
    Ismael

    January 30, 2024 at 11:26 am #1432476
    ausgesonnen

    OK thank you that worked.

    January 30, 2024 at 11:28 am #1432477
    ausgesonnen

    Last think: please send the css handler so I can adjust the color of the burger menu. thanks

    January 31, 2024 at 7:48 am #1432563
    Ismael

    Hi,

    please send the css handler so I can adjust the color of the burger menu. thanks

    Please add this css code to adjust the color of the burger menu icon.

    .header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after {
    background-color: red;
}

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

    Best regards,
    Ismael

    January 31, 2024 at 2:07 pm #1432609
    ausgesonnen

    Ok will try that. have not included this new code yet. Another problem that showed up with your previous code is that the burger menu has now disappeared from the mobile version completely.

    Is there a fix?

    So not double on desktop and not completely gone on mobile please.

    You asked previously if I had modified anything to do with the burger menu. The answer is no. No Idea why it behaves like that.

    Thanks you.

    February 1, 2024 at 7:06 am #1432667
    Ismael

    Hi,

    Sorry about that. Please remove the first css code in this thread, then replace it with the following css code to hide the burger menu icon in the main header only when the screen width is more than 768px.

    @media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  #top #header .av-logo-container .av-main-nav>li.av-burger-menu-main {
    display: block;
  }
}

@media only screen and (min-width: 768px) {

  /* Add your Mobile Styles here */
  #top #header .av-logo-container .av-main-nav>li.av-burger-menu-main {
    display: none;
  }
}

    Best regards,
    Ismael

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