Page Builder 
Widgets Bundle 
SiteOrigin CSS 
Installer Submenu list overlapped by hero images
Good day guys, can you please help, my submenu list gets blocked by my hero image. have tried this code and several others /* Menu */
#primary-navigation .nav-menu li.menu-item-has-children .sub-menu {
z-index: 1000;
}
but still not working. please help. thank you
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
7Hi NOAH,
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
Yes, you can visit the site at http://kofiagyekum.com/
The second one is at http://www.joshuaayarkwa.com/
At the first link the submenus for “University Teaching”, “Research” “Publications”, “Service” etc. all don’t show at where I have the hero images.
For the second link, there are no submenus, but the hero image covers the menu bar so i had to put a little space between the menu bar and the hero image.
Thank you
Hi NOAH,
The first site is a z-index issue with the theme (a z-index is a kind of layering system). Typically, theme’s use a value in the thousands, your theme is using 5 – which is way too low.
.site-header #site-banner { z-index: 1001; }You might also need to install the SiteOrigin CSS Editor.
As for the second site, this appears to be due to your header settings – it’s set to transparent which means that it’s intentionally trying to overlap the content. This should work without issue, but again, it’s a z-index issue – this time it’s set to 2 rather than 5. To resolve that issue, please add the following CSS to WP AdminAppearanceCustom CSS:
.site-header.pos-absolute { z-index: 1000; }After applying this CSS, please remove the spacing row on your homepage to allow for the hero to be covered correctly.
You might also need to install the SiteOrigin CSS Editor.
God bless you Alex. They are all working perfectly now and I am very grateful. God bless you for your good work. I love you.
Sorry for disturbing you Alex, I have one last problem on the first link:
anytime i try to make the header menu transparent, it suddenly vanishes until i make it transparent again. And then, when i create a new page, all the page content seems to shift to the right with a margin on the left. I have to manually set every siteorigin row i am using to be fully stretched before it fills the whole screen. please how do i resolve these either?
The link is: http://kofiagyekum.com/
Thank you. God bless you.
Hi NOAH,
We’d like to help you, but can you please start a new thread with your question? This will allow others who have similar issues to find related posts easily. Sorry about this!
Page: New Thread
If you’re a premium user, you’re entitled to priority email support. If you would like to make use of that please follow the instructions found on this page.
Alright, thank you. no problem
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.