Archived topic

Home Page with white space between navigation and content

5 replies · Started by James on January 23, 2018

Viewing posts 1–6 of 6

January 23, 2018 at 9:26 am #478152

Hi Tom,

I have disabled the header on my homepage and have created the content within elementor.

Everything seems to have worked nicely however I seem to have a gap of white space between the top of my page content and the navigation menu.

What I'm hoping for is that it blends seamlessly with the navigation bar similar to the footer where there is no gap.

I have checked to see if I've accidentally added margin in elementor or my settings and it doesn't seem to be related to a margin setting.

any ideas on what might be causing this and what simple fix I am clearly not thinking through?

Thank you.

James

January 23, 2018 at 12:54 pm #478320

Hi James,

Try this CSS:

.entry-content
    margin: 0;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

January 26, 2018 at 8:08 am #480559

Hi Leo thanks for the reply a couple of follow up questions:

1) Will this css apply to all pages ... I'm assuming it's applied to all pages and not just the home page
2) Can you let me know what this white space is? what is the element itself and why is it there just trying to understand the why

Thanks for the link to Tom's CSS plugin ... familar with CSS just couldn't get clarity on the element to write it for which you provided thank you.

Thanks as always.

James

January 26, 2018 at 10:08 am #480646

GeneratePress should get rid of that space for you as long as you use the Disable Elements metabox to disable the Content Title. Can you make sure that option is checked?

February 1, 2018 at 6:17 am #485327

Worked like a charm Tom thank you both for the quick responses.

James

February 1, 2018 at 9:45 am #485610

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.