Drop menu hidden behind hero images and slider (theme: Shapely)

Resolved 2 replies plugin plugin-page-builder question

8 years ago · Last reply by Aeve Pomeroy 8 years ago

Hello,

I’m enjoying using SiteOrigin and have come to an issue that I can’t fix and asking if someone can help.

The mouse over drop menu’s are hidden behind SiteOrigin hero and slider images on other pages like this one,
http://aevepomeroy.com.au/mindbodysoul/services/

The home page is not affected with this. It’s part of the theme and not created with SO.

I’m using Shapely theme by Colorlib.

I’ve tried solutions offered to others in the forum and unfortunately none have worked. I’ve also tried them in both SiteOrigin CSS and, Customise > Additional CSS and cleared the cache.

.navigation-top, .site-navigation-fixed.navigation-top {
z-index: 101;
}

.tempo-header {
z-index: 10000000 !important;
}

.site-navigation .sub-menu {
z-index: 1000 !important;
}

#site-banner {
z-index: 999 !important;
}

Kind regards,

Aeve

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

Alex S Staff 8 years, 5 months ago
Hi Aeve,
This is happening as a result of theme CSS. You can fix this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
```
.main-navigation .menu > li ul {
    z-index: 101;
}
```
You might also need to install the SiteOrigin CSS Editor.
Aeve Pomeroy 8 years, 5 months ago
Hi Alex,
Thanks for your response and code to fix this. The problem is sorted now.
Best regards,
Aeve

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.