Genesis Sample child theme – How to remove sticky site-header?

[oyvdahl]

Hi everyone! I'm creating a child theme based on Genesis Sample. But there is one thing I have not been able to figure out: How do I remove the sticky site-header?

I've tried to change position to absolute, which I've seen proposed as the solution many places, but then site-inner and site-header both end up starting from the top of the screen so that site-header will cover 70px of site-inner.

Here's a sample page:
https://staging-buildelectroniccircuits.kinsta.cloud/basic-electronic-components/

[andytc]

Completely remove this entry at line 1472 - it's in a media query

@media only screen and (min-width: 960px)
.site-header {
    position: -webkit-sticky;
    position: sticky; 
    top: 0; 
    z-index: 9999;
}

Edit line 994 - Change :absolute to :relative

.site-header {
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    padding: 0 30px;
    position: relative;
}

[oyvdahl]

That did the trick=)
Thank you so much!

[Author]

Posts