Archived topic

Whitespace between elementor header and content

12 replies · Started by Pontus on July 2, 2019

Viewing posts 1–13 of 13

July 2, 2019 at 2:55 am #946783

Hello,

I have a whitespace between my elementor header and the content. It seems as if the elementor header has a height of 400 rather than 200. I've been in contact with them (sent link to site and screencast) but they are referring me to you.

I would like the header (that has the menu) to be directly connected to the purple subheader (that has the second menu).

Would appreciate any help!

Thank you.

Pontus

July 2, 2019 at 8:22 am #947102

Hi there,

Have you checked with Elementor's support for this?

I actually don't see any GP's element on the linked page.

Let me know :)

July 9, 2019 at 3:00 am #952695

Hello again,

Yes, I have checked with their support and they refer me to contact you because the issue is not there when using Wordpress' standard theme. If you would be able to help me out, it would be much appreciated!

Thanks!

Pontus

July 9, 2019 at 5:03 am #952777

Hi there,

the Elementor Header that you have created has two Sections in it - one of which is 'hidden' it is this that is creating the additional space you're seeing.

Do you know why there is the need for this section section in the header? Could that be removed.

July 9, 2019 at 5:09 am #952783

Hi David,

Thank you for the fast support!

I do not know why it has two sections, it is not something I can see from the settings. I'm guessing it has to do with making the header sticky since I do not have the whitespace when I deactivate the sticky header setting in Elementor.

Thanks!

Pontus

July 9, 2019 at 5:39 am #952807

So did you try switching to the TwentySeventeen theme to see if it removes the problem?

July 9, 2019 at 5:42 am #952817

Yes, when I switch to TwentySeventeen there is no whitespace.

July 9, 2019 at 5:50 am #952825

Do you have any custom functions added to GP Hooks? If so can you temporarily disable them by Quick Editing and save as draft.

If not can you disable all the GP Premium modules to see if this resolves the issue, if it does then re-activate them one by one to see if one of them is conflicting.

July 9, 2019 at 6:40 am #952847

I did not have any custom functions in GP Hooks.

I have disabled all GP Premium models and the problem is still there.

If you want to login yourself, I can provide you with my credentials if you contact me through email?

Thanks

Pontus

July 9, 2019 at 7:36 am #952888

You can send login details via the Account Issue form here:

https://generatepress.com/contact/

Please the add the URL for this topic to the form so we can track.

July 9, 2019 at 9:13 am #953102

Hi there,

so the issue is to do with JetPack lazy load images - it is adding a placeholder image in the hidden sticky header element which is giving is making the element taller.

I can only assume that the standard WP themes, being the same devs as Jetpack, use a class on there logo that Jetpack excludes from lazyloading.

They provide a function here to exclude images from lazyloading:

https://jetpack.com/2013/05/03/skip-a-image-with-photon/

You can add the PHP snippet provided to exclude your logo image filename.

July 9, 2019 at 9:38 am #953129

David, thank you so much for your incredible support! Much appreciated!

July 9, 2019 at 9:59 am #953152

You're welcome

This archived topic is closed to new replies.

Start building better websites today.