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.

Slider covers menu

Resolved 11 replies pluginplugin-widgets-bundle
Jeroen Schaillee
Started · Latest reply by Brian Castaneda

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.

Need fast email support? Get SiteOrigin Premium

Replies

11
  1. Andrew Misplon Staff

    Hi Jeroen

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

  2. 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. Andrew Misplon Staff

    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. 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. Andrew Misplon Staff

    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. Jeroen Schaillee

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

  7. Andrew Misplon Staff

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

  8. Jeroen Schaillee

    Ok thanks anyway for the help

  9. Andrew Misplon Staff

    For sure. Let us know how you come along.

  10. 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. Brian Castaneda Private

    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.

Have a different question or issue?

Start New Thread