Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 7, 2019 at 8:02 am #1063899
    terry_ccr

    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

    February 8, 2019 at 7:39 am #1064451
    Rikard

    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

    February 9, 2019 at 3:49 am #1064838
    terry_ccr

    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?

    February 10, 2019 at 5:04 am #1065049
    Rikard

    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

    February 11, 2019 at 6:17 pm #1065562
    terry_ccr

    Thank you Rikard –

    That helped.

    Terry

    February 12, 2019 at 8:35 am #1065835
    Rikard

    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

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