Home>Support>Slider covers menu

Slider covers menu

By Jeroen Schaillee, 8 years ago. Last reply by Brian Castaneda, 8 years ago.

Hello,

I am using the site origin slider in combination with the COlorway theme. The problem is that the slider covers my menu when unfolding. Anyone knows a solution?

My site is http://ttcgalmaarden.be

Thx
Jeroen

URL: http://ttcgalmaarden.be

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, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Jeroen

    Can you perhaps mockup a test page for us so we can see the error live and try correct?

  2. 8 years, 11 months ago Jeroen Schaillee

    Hi andrew,
    The website is http://ttcgalmaarden.be when showing the first picture, the slider covers unfolding the menu. Once it slides the problem is solved but is there a solution for the first picture?

  3. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    #menu .sf-menu li > ul {
    z-index: 2000;
}

    Appearance > Custom CSS is just with Simple Custom CSS plugin or SiteOrigin Custom CSS plugin, your theme might have its own Custom CSS area. If you have Jetpack > Custom CSS then you’ll go to Appearance > Edit CSS.

  4. 8 years, 11 months ago Jeroen Schaillee

    Hi Andrew,

    I pasted this code into my custom CSS field but I see no difference, the menu is still hided when showing the first picture

  5. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Near the bottom of your Custom CSS you’re saying:

    html, body {
    margin:0;
    padding:0;
    height:100%;

#menu .sf-menu li > ul {
    z-index: 2000;
}

    See how there is no closing bracket after height:100%; this is what it should say:

    html, body {
    margin:0;
    padding:0;
    height:100%;
}
#menu .sf-menu li > ul {
    z-index: 2000;
}
  6. 8 years, 11 months ago Jeroen Schaillee

    Thanks Andrew, I adjusted the custom CSS but it is still not working …

  7. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    I’m all out of ideas on this one. Any chance you reach out to theme support and ask them for a hand?

  8. 8 years, 11 months ago Jeroen Schaillee

    Ok thanks anyway for the help

  9. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    For sure. Let us know how you come along.

  10. 8 years, 3 months ago Brian Castaneda

    I’m having the same issue as the person above. When I scroll down, the Siteorigin Slider Widget covers up my menu. I’m using Zidane – Multi Concept Responsive Woocommerce WordPress Theme. I’ve tried to adding the both codes below in the Custom CSS, individually, but neither fixes it.

    .site-header {
    z-index: 1000 !important;
    }

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

  11. 8 years, 3 months ago Private Message - Brian Castaneda

    This is a private message.

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