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
You are welcome! If you have any questions please feel free to contact us.
Best Regards
The topic ‘Padding on header and footer’ is closed to new replies.
.
