Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1063899

    Site is https://staging1.cctheremnant.org

    On PC or Mac, when the window is made smaller, the menu items overlap the logo before the burger menu is triggered.

    Hope can I adjust the viewport to trigger the burger menu before the overlap occurs?

    Thanks,

    Terry

    #1064451

    Hi Terry,

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

    @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

    #1064838

    Hello Rikard,

    That did not make any difference. I tried various max-widths with no effect.

    The menu items still greatly overlap the logo as I narrow the viewport size well before the burger menu appears.

    Any thoughts?

    #1065049

    Hi,

    You have active caching on the site, did you clear that before checking? Here’s a guide on when not to use a caching plugin.

    Best regards,
    Rikard

    #1065562

    Thank you Rikard –

    That helped.

    Terry

    #1065835

    Hi Terry,

    Great, I’m glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.