Menu drop down hidden on mobile

  • Resolved ktrides2

    (@ktrides2)


    7 years, 9 months ago

    Hi Ben,
    On the mobile and tablet views of my site, a photo I have near the top of a page is hiding the menu when it opens. How can I fix this?
    Thank you! Let me know if you need to see the page, its not public yet.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Give this CSS a shot:

    .menu-primary,
.menu-primary-tracks {
  z-index: 999;
}

    If that doesn’t help, I think I’ll need a link to the page.

    Thread Starter ktrides2

    (@ktrides2)

    It didn’t seem to work, here’s the page: https://modernmotomag.com/front-page/

    Thread Starter ktrides2

    (@ktrides2)

    https://modernmotomag.com/front-page/

    I added this to what you gave me, and it seems ok. One doesn’t work without the other, though. I am just guessing, so let me know if I am going to mess something else up or if there is a better way. 

    .menu-primary,
.menu-primary-tracks {
  z-index: 999;
}
.sow-slider-base {
 z-index: 9
}

    As always – I greatly appreciate your awesome support!

    Theme Author Ben Sibley

    (@bensibley)

    Okay great, that should work fine then. The “z-index” value tells the browser the stacking order of elements. In this case, the menu is set much higher than the slider so the slider will never overlap it.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Menu drop down hidden on mobile’ is closed to new replies.