Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I have butted the Site Origin Hero slides container under the main-menu and despite that I can see that the Hero slides has a lesser z-index than my drop menu (position: absolute; z-index: 999; ) the drop menu is not visible over the hero slider. It should be I believe. any clues please?
Hi Mike,
Do you have a public URL where we can take a look at what’s going on?
Yes you can see what is happening on
http://highworth.paston2.webfactional.com/test/
The drop menu off Services has 3 items
Voice & Data
Mobile Devices
Telephone Systems
as you can see the drop menu is behind the background hero image despite
#main-navigation .main-nav ul li > ul {
position: absolute;
z-index: 999;
width: auto;
min-width: 200px;
padding: 0;
background-color: #FFFFFF;
}
z-index of 999 is a lot greater than the z-index of the hero image and container.
Hi MikeKJ
Thanks. The container for the menu has a lower z-index. You can fix this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Please add the following CSS:
#main-menu-container { z-index: 101; }You might also need to install the SiteOrigin CSS Editor.