Padding on header and footer

Hi, I have some unexplained padding between the header and footer of my website homepage.

I know how to fix them via css, but I want to know what is the source of this problem originally, because I have not found any reason for that.

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

You need to change these styles: https://gyazo.com/7f07488fbe14000dfc77fa8e40985ada

Best Regards

Are these default on theme settings?

That’s what I was wondering

Hello,

Yes, this is style.css by default.

Best Regards

I used negative margin in visual composer for my home page only, as I do not want to effect all my pages and I got a problem with the menu.

Althought the gap was corrected, it seems that some “invisible” part of the main page content overlays the menu and makes is not clickable…..

So had to remove the negative margin.

Any thoughts?

Thanks

Hello,

Reduce the negative margin, you set to big. Try different values till you get the best one. Usually -40 works.

Best Regards

Page has

.main-header {
width: 100%;
margin-bottom: 40px;
}

And

.main-page-wrapper {
padding-top: 40px;
margin-top: -40px;
background: #fff;
}

so an 80px gap exists

So what values should I ad to my visual composer elements to solve that, since the header is also involved?

Seems I can not find the right formula and not affect the rest of the pages.

Could you help me?

Hello,

You need to put zero padding in the upper row and -40px top margin.

Please follow the steps on the screenshot http://prntscr.com/l3lj6z and http://prntscr.com/l3ljqv

Best Regards

Thank you

That was it

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts