Menu hides behind module

That module has this out put in the browser

<a href="https://www.mgsremote.com" target="_blank" class="ls-link ls-link-on-top" 
style="z-index: 5; display: none;" data-ls-slide-link="1"></a>

The style that has z-index: 5 means it sites on top of other items, Z-indexes is a stacking thing and it sets on top of everything 4 and under. To overcome that you need to remove that style from that module or add this to the TEMPLATE CSS. This might help better explain what a Z-index is https://developer.mozilla.org/en-US/docs/Web/CSS/z-index

.u-nav-popup {
z-index: 100;
}

Thanks for the quick response. I went to the home page, used the MS tools developer tools, but I could not find the above z-index 5 line of code.

<a href target class style data-ls-slide-link></a>

I did enter the following css code into the home setting of Nicepage, but it does not seem to make any difference. See website.

.u-nav-popup {
z-index: 100;
}

Questions:
1. Is the <a href="https etc... inside of a creative slider css script file?
2. how do you remove the style from that module?

your help would be appreciated.
rick
href

Hi Richard,

I do not think that you would be able to edit the code of the slider. So please add this code under the Theme >> Site Settings >> CSS tab in your desktop application before exporting the theme:

.u-header .u-menu-1
{
z-index:100!important;
}

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Just to get back with you.

The CSS file worked fine. Thanks for the help.

However, now the hamburger menu panel, on an iPhone X, does not show the last 4-5 bottom menus. You see them, but you can not click of touch screen them. The iPhone keeps pulling the menu down which makes it impossible to click on the linked page.

www.mgssales.com

Also, is it possible to indent the submenu items on the hamburger menu panel so they are not all stagnant?

Your help would be appreciated.

Rick

Hi Richard,

You have another case about the submenus not scrollable on the phone. We'll continue the discussion in that case.

Also, is it possible to indent the submenu items on the hamburger menu panel so they are not all stagnant?

There is no possibility to style submenus in responsive mode.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp