This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Hero Slide and drop menus

Open 3 replies pluginplugin-page-builderquestion
MikeKJ
7 years ago · Last reply by Alex S 7 years ago

I have butted the Site Origin Hero slides container under the main-menu and despite that I can see that the Hero slides has a lesser z-index than my drop menu (position: absolute; z-index: 999; ) the drop menu is not visible over the hero slider. It should be I believe. any clues please?

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

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Alex S Staff 7 years, 4 months ago

    Hi Mike,

    Do you have a public URL where we can take a look at what’s going on?

  2. MikeKJ 7 years, 4 months ago

    Yes you can see what is happening on

    http://highworth.paston2.webfactional.com/test/

    The drop menu off Services has 3 items
    Voice & Data
    Mobile Devices
    Telephone Systems

    as you can see the drop menu is behind the background hero image despite
    #main-navigation .main-nav ul li > ul {
    position: absolute;
    z-index: 999;
    width: auto;
    min-width: 200px;
    padding: 0;
    background-color: #FFFFFF;
    }

    z-index of 999 is a lot greater than the z-index of the hero image and container.

  3. Alex S Staff 7 years, 3 months ago

    Hi MikeKJ

    Thanks. The container for the menu has a lower z-index. You can fix this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Please add the following CSS:

    #main-menu-container {
    z-index: 101;
}

    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.

Have a different question or issue?

Start New Thread