[Resolved] Cannot eliminate margins between two page sections

[Purushottam]

theres a little space between the page header and content section that i cant seem to eliminate. I want the two sections without any space.

Thanks!

[David]

Hi there,

how big is this gap? I can only see one section on the page. Can you point it out?

[Purushottam]

oh sorry, can you check it now?

[Purushottam]

i think its a blank paragraph at the start of entry-content class

[Purushottam]

There are two full screen sections in the page, one after another between them, there is a 26px gap that i am currently handling using margin-top:-26px on the first element after the header, however, looking for a cleaner and more reliable way to do this.
So the first fullscreen section is a header element and the sky blue section is the page content
hope this makes sense

[Tom]

Yea, looks like there’s an empty paragraph in there.

How are you adding that HTML?

[Purushottam]

No i am not adding any paragraph. the issue is fixed, thanks. Using fullpage.js achieved exactly what i wanted. Thanks!

[Tom]

No problem 🙂

[Author]

Posts