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?


Hi X

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


Sure; it’s


Any updates on this please?


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;