Hi!
When I added the SiteOrigin Hero Header, it covers the drop down menu.
I tried adjusting the widget class
.author { z-index: -999999999999999; }
but nothing
website here:
When you scroll over ‘Our work’, it gets buried beneath the Hero
Widget Hero Image Covers Drop Down Menu
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Michael
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.
The same issue is happening to me, was there a solution?
Hi Melanie
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.
Hi Andrew, I am sitting with the same problem. I can only think that it has something to do with the z-index or possibly position: absolute? The URL in question is http://seventhstar.co.za/services/ but I am hoping to implement it site wide. If you could provide any guidance that would be great! Thank you so much.
Hi Andrew (and everyone else),
I went into the code and played around – found the solution. It isn’t the z-index of the Hero Header that is the problem, it is the z-index of the Nav-Bar. My advice is to go to appearance > custom CSS (Assuming you have Site Origin’s custom CSS plugin) and look for the outer most Nav div.
Once selected, give the z-index property a high positive value. For example, my code looks like this:
.tempo-header { z-index: 10000000 !important; }Please keep in mind that each theme is going to be different so you will need to play around and find the id selector for your Nav-Bar.
Andrew, I have attempted to explain this as best I can – I know I understand it as I have a good understanding of CSS and HTML however if you could find an easier way to explain it to less code knowledgable people and post it here I believe you could close this thread. Hope this helps.
Happy developing!
Hey Joshua, thanks so much for sharing. The nature of z-index means that this will, unfortunately, differ from theme to theme. Your explanation is spot on. All the best, appreciate the effort. Cheers :)