Eleven40 Pro – How To Unfixed Header Scroll?

[weng33]

How to unfix the header scroll of the Eleven40 Pro theme?

[Terry]

Morning,

If you're comfortable editing your themes style.css file, on or around line 1037 comment out or delete the following css declaration:

position: fixed;

Or use the Customizer (Customize => Additional CSS) to add the following:

.site-header {
	position: static;
}

Hope this helps.
Terry

[weng33]

Thanks, Terry

The 2nd method of using custom CSS (Customize => Additional CSS) works.

But, the only problem is that, the H1 Title & the sidebar been pushed further down leaving a large blank gap at the top of the pages.

Any solution?

Thanks.

[Terry]

Please share a link to your site.

[Terry]

If you're comfortable editing your themes style.css file, on or around line 572 comment out or delete the following css declaration on .site-inner:

    /* margin: 65px 0 40px; */
}

Or use the Customizer (Customize => Additional CSS) to add the following:

.site-inner {
    margin: 0 0 40px;
}

Victor has a nice tutorial on using your browsers inspector here. You can set that margin-top value (the first number in the margin statement) to whatever you prefer.

Hope this helps.
Terry

[weng33]

Hi, Terry

The header gap issue solved by adding the code into the Customize CSS.

.site-inner {
margin: 0 0 40px;
}

Really appreciate your help. Thanks

[Author]

Posts