Gap after Header / Before Content – GPP & Elementor

[Kyle Van Deusen]

All of a sudden a gap between the header and my content appeared. I think I’ve ruled out it being an Elementor issue, so I’m not sure if it’s coming from somewhere in GP/P.

Both the header and the content is built with Elementor.

Site: https://s34784.p166.sites.pressdns.com/

Screenshot: https://nimb.ws/z563iB

[Kyle Van Deusen]

Fixed it on the live site with:

.container.grid-container {
margin-top: -48px;
}

But I’m not sure why it happened. Yesterday it was FINE and today it just appeared.

[Tom]

Hey Kyle,

Is this still happening? If so, is it on a specific page? I’m not seeing it right now.

The above CSS is actually bringing things on top of the header. If I remove it in dev tools, everything looks good.

Maybe try clearing all caches, including your browser cache?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Kyle Van Deusen]

Hey, Tom!

Let me remove the CSS I added. It’s on all pages. You should see it on the live site now.

[Tom]

Here’s what I’m seeing: https://www.screencast.com/t/5XUKE8YRzLr

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Kyle Van Deusen]

Thanks Tom, I don’t know what the crap is going on. :/

I cleared my browser cache and now it’s fine… Which would seem natural.. but my client was seeing the same thing on his end.

Odd! Thanks for looking… I’ll report back if it happens again and try to record a video. Thanks for your help!

[Tom]

It’s possible that something was cached on his end as well. This was a huge update, so little caching things like this might happen.

Glad it’s all sorted now 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Kyle Van Deusen]

Hey, Tom!

I had this problem magically appear on another website (https://theadminbar.com/)

I recorded a quick video to catch it in action: https://share.getcloudapp.com/DOu99Qmn

Any ideas?

[Tom]

Hey Kyle,

That’s weird, I just took a look through and didn’t notice it: https://www.screencast.com/t/YO5drbBejY

Have you tried in incognito mode to make sure it’s not some sort of persistent browser cache?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Kyle Van Deusen]

How maddening 😂

Yeah, the video I shared with you was incognito (Edge).

I know I sould/look like a nut. At least I had video evidence this time.

Gotta be something hung up locally on my machine.

Was there something in an update that could have caused this temporarily? Just odd that it’s happened on multiple domains.

[Tom]

Just took a look on Edge as well and can’t see it.

We used to remove the margin from .entry-content if no title was active on the page, but now we only add margin to it if it isn’t the first item (like having a title above it).

That being said, your pages don’t even have the entry-content element – they’re 100% Elementor.

Maybe it’s the critical CSS you have added to the page? Is it still happening for you now?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Kyle Van Deusen]

Nope, it’s cleared up now. It’s just strange that it’s appeared suddenly, then disappeared the same.

Thank you, and sorry to keep sending you on the goose chase!

[Tom]

No problem – always happy to take a look 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts