Home>Support>Submenu list overlapped by hero images

Submenu list overlapped by hero images

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].

Good day guys, can you please help, my submenu list gets blocked by my hero image. have tried this code and several others /* Menu */
#primary-navigation .nav-menu li.menu-item-has-children .sub-menu {
z-index: 1000;
}

but still not working. please help. thank you

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, 6 months ago Alex S
    Hi, I Work Here

    Hi NOAH,

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  2. 8 years, 6 months ago NOAH GLORY

    Yes, you can visit the site at http://kofiagyekum.com/
    The second one is at http://www.joshuaayarkwa.com/

    At the first link the submenus for “University Teaching”, “Research” “Publications”, “Service” etc. all don’t show at where I have the hero images.

    For the second link, there are no submenus, but the hero image covers the menu bar so i had to put a little space between the menu bar and the hero image.

    Thank you

  3. 8 years, 6 months ago Alex S
    Hi, I Work Here

    Hi NOAH,

    The first site is a z-index issue with the theme (a z-index is a kind of layering system). Typically, theme’s use a value in the thousands, your theme is using 5 – which is way too low.

    .site-header #site-banner {
    	z-index: 1001;
    }
    

    You might also need to install the SiteOrigin CSS Editor.

    As for the second site, this appears to be due to your header settings – it’s set to transparent which means that it’s intentionally trying to overlap the content. This should work without issue, but again, it’s a z-index issue – this time it’s set to 2 rather than 5. To resolve that issue, please add the following CSS to WP AdminAppearanceCustom CSS:

    .site-header.pos-absolute {
    	z-index: 1000;
    }
    

    After applying this CSS, please remove the spacing row on your homepage to allow for the hero to be covered correctly.

    You might also need to install the SiteOrigin CSS Editor.

  4. 8 years, 6 months ago NOAH GLORY

    God bless you Alex. They are all working perfectly now and I am very grateful. God bless you for your good work. I love you.

  5. 8 years, 6 months ago NOAH GLORY

    Sorry for disturbing you Alex, I have one last problem on the first link:
    anytime i try to make the header menu transparent, it suddenly vanishes until i make it transparent again. And then, when i create a new page, all the page content seems to shift to the right with a margin on the left. I have to manually set every siteorigin row i am using to be fully stretched before it fills the whole screen. please how do i resolve these either?

    The link is: http://kofiagyekum.com/
    Thank you. God bless you.

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

    Hi NOAH,

    We’d like to help you, but can you please start a new thread with your question? This will allow others who have similar issues to find related posts easily. Sorry about this!

    Page: New Thread

    If you’re a premium user, you’re entitled to priority email support. If you would like to make use of that please follow the instructions found on this page.

  7. 8 years, 6 months ago NOAH GLORY

    Alright, thank you. no problem

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