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

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

By Aeve Pomeroy, 7 years ago. Last reply by Aeve Pomeroy, 7 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 1 month ago Alex S
    Hi, I Work Here

    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.

  2. 7 years, 27 days ago Aeve Pomeroy

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More