Home>Support>Hero Widget hides drop-downs from menu

Hero Widget hides drop-downs from menu

By Nancy Mock, 8 years ago. Last reply by Alex S, 8 years ago.
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 love the Hero image widget but I cannot figure out how to prevent it from covering the drop-downs from my menu. I saw on one forum response to try adding this:
.site-header {
z-index: 999 !important;
}

Unfortunately it did not work for me. Do I need something different based on my theme? (MagazinePro) My site is http://hungryenoughtoeatsix.com

My understanding of html/code is really limited so I appreciate any help you can offer. Thanks!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 4 months ago Alex S
    Hi, I Work Here

    Hi Nancy,

    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.

    .genesis-nav-menu .sub-menu {
  z-index: 999;
}

    How does that look?

    You might also need to install the SiteOrigin CSS Editor.

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