How to disable sticky header in Author Pro?

[Pippi]

I can't figure out how to stop the header from staying at the top of the page when visitors scroll down. Is there a way to remove, disable or turn off this setting?

I've tried adding this to the Additional CSS in the Customize area, as I saw someone suggested it in another thread:
.navbar-fixed-top {
position: absolute;
}

It did absolutely nothing. I'm baffled. Does anyone know how to do this? Thank you so much!

Cheers,
Lisa

[Brad Dalton]

Link to your site please when asking CSS related questions so one can inspect the element.

Line 1140 of style.css you'll find this CSS rule :

.site-header {
    background-color: #7a8690;
    color: #fff;
    min-height: 120px;
    position: fixed;
    width: 100%;
    z-index: 498;
}

You can remove these 2 declarations so the rule is modified to this :

.site-header {
    background-color: #7a8690;
    color: #fff;
    min-height: 120px;
    width: 100%;
}

Also look for these 2 classes which will require some attention and the js > global.js file which includes some jQuery for the shrink effect.

.featured-widget-area
.site-inner

That should get you started.

---

Tutorials for StudioPress Themes & WooCommerce.

[Pippi]

Thank you! That worked! I truly appreciate the help 🙂

[Author]

Posts