Remove white spacing below header and above footer

Support
#1

Hi

Is it possible to remove the white spacing below the header and above the footer so that the website content sits flush?

I’ve attached an image to try and show what I mean?

Thanks

Chris

#2

Hello @chrisholden84,

Thanks for asking. :slight_smile:

Absolutely, you can remove the spacing below header. Can you please share website URL for us to take a closer look?

Thanks.

#3

It’s… https://fidelity-manufacturing.com

#4

Hello @chrisholden84,

Thanks for asking. :slight_smile:

Please add following CSS under Pro > Theme Options > CSS to adjust spacing after header and before footer:

.x-container.max.width.offset {
    margin-top: 5px;
    margin-bottom: 5px;
}

Thanks.

#5

Thanks, this helps.

To remove the white spacing entirely I changed the CSS code to 0px

.x-container.max.width.offset {
margin-top: 0px;
margin-bottom: 0px;
}

#6

We are delighted to assist you with this.

Cheers!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.