[Andy]

Hi here,

would like to make to top header sidebar sticky, just as the header, so that the site scrolles under top header sidebar and header – is that possible?
Site – solability.com, theme adventurous pro
Also – i seem not to be able to adjust the link colour in the top header sidebar?

[Sakin]

Hello Andy,

This looks little difficult and might not work. So, recommend you to hire a customizer. Try adding in the following css in “Appearance => Theme Options => Custom CSS” box:

#header-top {
    background-color: #fff;
    display: block;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
#masthead.fixed-header {
    box-shadow: none;
    top: 30px;
}

Regards,
Sakin

[Andy]

that makes the top header disappear completly…
thanks for the effort, anyway

[Sakin]

@Andy: Sorry I forgot to add in the following css. So, just add the above css and the following one together:
body { padding-top: 52px; }

[Andy]

Sorry, same result – top header disappears completly if I have added that correctly:

#header-top {
    background-color: #fff;
    display: block;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
#masthead.fixed-header {
    box-shadow: none;
    top: 30px;
}
body { padding-top: 52px; }

[Sakin]

@Andy: Let’s do this and if it’s not working then I need to check in your server.

body { padding-top: 52px; }
#header-top {
    background-color: #fff;
    display: block;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
#masthead.fixed-header {
    box-shadow: none;
    top: 52px !important;
}

Note: let me know if it’s not working then I will email you.

[Andy]

@Sakin

tried this one too, doesn’t really work either. It makes the top header sidebar sticky, but it also makes it dissapear under the main header – the top header sidebar is under the main header, and therefore not visible (it looks out below the main header if I make he content big enough)
thanks for your continued efforts – very much appreciated

[Sakin]

@Andy: What’s not working. Can you elaborate. As when I test in our server with the above css, it’s working fine.

[Andy]

it works – thanks a lot
couldn’t see it as long as I was logged in the backend; guess the wp top header was covering it. When logged out, its perfect. Thanks again.

[Sakin]

@Andy: That’s fine as you don’t need that in admin section.

[Author]

Posts