Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1430156

    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.

    • This topic was modified 11 months, 1 week ago by ausgesonnen.
    #1430219

    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

    #1432476

    OK thank you that worked.

    #1432477

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

    #1432563

    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

    #1432609

    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.

    #1432667

    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

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