Menu Dropdown Ordering Issue

Hi guys,

I’m currently using a plugin within some of my pages. When the site loads on a small screen or mobile device where the menu (below the logo) appears as a drop-down listing; when this is used, the drop-down list partially disappears behind the contents of the page itself, which I believe is pulling across content in an iFrame.

Is there a way of changing the “ordering” of the drop-down menu’s appearance so that it sits “on top” of other content that might be present on the page below it?

Thanks!

Hi X

can you share a link for us to have a look?

Thanks

Sure; it’s http://www.jackandjames.co.uk

Thanks

Any updates on this please?

Hi

Sorry for the delay.

Please add the following css to your child theme’s style.css file or do it using a custom css plugin.


#main-navigation:target > .sf-menu > ul {
    z-index: 999999;
}

Thanks