Home>Support>Sticky Header

Sticky Header

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

I know that a sticky header can be accomplished with CSS and I’ve done it on other (not WordPress) sites. However, when I try the same tactic with Vantage it produces a duplicate sticky header so that my site has 2 headers instead of just 1. See http://www.realmoftheundead.com.

The CSS I’ve put in the Custom CSS area is below. What can I change/add to make the header sticky without duplicating?

header#masthead {
position:fixed;
z-index:100000;
width:100%;
}

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

  1. 11 years, 25 days ago bnking23

    It isn’t letting me post the code even though I used the

    ...

    tags.

    header#masthead {position:fixed; z-index:100000; width:100%;}
  2. 11 years, 24 days ago Andrew Misplon
    Hi, I Work Here

    Hi

    Thanks for running Vantage.

    I’ve given this a shot before and wasn’t successful. The manner in which the sticky menu was built unfortunately makes it more than a quick change. If you have a moment you can suggest this as a future feature here: https://siteorigin.com/suggest-feature/ if enough users suggest the same feature we’ll include it in a future update.

    Sorry I don’t have more.

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