Mobile Menu dissapears behind bootstrap carousel

  • Resolved TechStuffGuru

    (@techstuffguru)


    10 years, 6 months ago

    Hi

    When the site switches to the mobile menu with toggle the dropdown hides behind the carousel of images.

    I have been using a bootstrap carousel on a custom designed theme

    My test home page is using that – techstuffguru.com
    I have tried a static image on the about page and that works fine – http://techstuffguru.com/about/

    I have tried tweaking various z-index values in my stylesheet but to no avail.

    I then tried using a standard wordpress plugin as my image slider Ultimate Responsive Image Slider.

    This gave me the same issue, – http://techstuffguru.com/test-page/

    I am pulling my last few hairs out trying to solve this, any ideas please.

    Jamie

    https://ww.wp.xz.cn/plugins/megamenu/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author megamenu

    (@megamenu)

    10 years, 6 months ago

    Hi Jamie,

    Did you get this sorted? The mobile menu is pushing the page content down for me, so it’s not going behind the slider.

    Regards,
    Tom

    Thread Starter TechStuffGuru

    (@techstuffguru)

    10 years, 6 months ago

    Hi Tom

    No I haven’t.

    I am testing on an iPhone and iPad and the menu is still going behind the slider.

    I have just tested using a windows phone and the content is pushed down.

    So it would appear that my issue is an iOS issue rather than all mobile views. I understand that this may be more to do with the slider not moving with iOS rather than your menu plugin, but do you have any ideas I could try?

    Thanks for your response
    Jamie

    Plugin Author megamenu

    (@megamenu)

    10 years, 6 months ago

    Hi Jamie,

    It’s just a guess because I can’t replicate this issue on a desktop browser, but try adding this to the Custom Styling area of your menu theme:

    #{$wrap} {
    position: relative;
    z-index: 9999999;
}

    Regards,
    Tom

    Thread Starter TechStuffGuru

    (@techstuffguru)

    10 years, 6 months ago

    Excellent, that worked perfectly thank you.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Mobile Menu dissapears behind bootstrap carousel’ is closed to new replies.