how to fix gap under homepage menu & scrunched sections at bottom of homepage

Hi,

Thanks for sharing the site URL.
To remove the space between the menu and the first section, please add the below custom CSS:
.home #page_section_section
{
margin-top:0;
}
.home #post-54
{
padding-top:0;
}
.home #post-54 .entry-header
{
display:none;
}
.home #post-54 .entry-summary
{
margin-top: 0px;
}
Here, I have used the post ID (as generated on the site, so that the CSS does not affect any other part of the site)

Also, it can be seen that the footer is not at the bottom. It seems to be due to a plugin conflict. Can you please confirm once by deactivating the plugin and checking ?

Thanks.

Where do I paste the CSS code you gave me? I am using one of the page/pace builders so I didn’t know where I could put coding. Sorry, I’m totally new to WP.

I will try deactiving/reactivating plugins to see if I can fix the bottom/footer of the homepage.

Thanks so much!

When I deactivate “PageBuilder by Pace Themes”, the footer and last section look great. However, it makes all 5 sections of my homepage shrink so that they are no longer the width of the homepage and there is instead a white space on both sides of the sections. Is there any other way to fix the footer?

Hi,

Ah sorry, I forgot to mention the place to add the custom CSS. You can paste the above custom CSS under Customize > Additional CSS

I checked the site again and the footer looks correct. Since most of the sections as currently seen are full width, I feel that the white space on both sides can be seen for the “Latest Blog Posts” section. This is because a max-width is set by default to the container of this section. You can increase this container’s width from “Theme options” > “Design” > “Layout Options” > “Max width”. Currently it is 1020. For example, you can increase it to 1170.

Hope this helps.
Thanks.