Home>Support>Hero Image Problem

Hero Image Problem

Hello,

I have inserted a site origin hero widget and when i scroll down the sticky header and my logo is hidden by the hero image. The z index of the hero image is 99. I tried the the code below but didnt work. Anyone can help?

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

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

  1. 5 years, 10 months ago Alex S
    Hi, I Work Here

    Hi Eren,

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

  2. 5 years, 10 months ago Eren Tarhan

    Hi Alex

    Private Snippet Thanx

  3. 5 years, 10 months ago Alex S
    Hi, I Work Here

    Hi Eren,

    You can fix this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS.

    header.ws-header.ws-header-fourth {
    	z-index: 101 !important;
    }
    

    You might also need to install the SiteOrigin CSS Editor.

  4. 5 years, 10 months ago Eren Tarhan

    Thanx a lot. Solved

  5. 4 years, 6 months ago Eren Tarhan

    Hi Alex can you please remove our public url from this messages. Thank you.

  6. 4 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi, the URL is now private, only you and staff here can see it. Hope that helps :)

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