[Resolved] Whitespace between elementor header and content

Home Forums Support Whitespace between elementor header and content

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #946783
    Pontus

    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

    #947102
    Leo
    Staff
    Customer Support

    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 🙂

    #952695
    Pontus

    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

    #952777
    David
    Staff
    Customer Support

    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.

    #952783
    Pontus

    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

    #952807
    David
    Staff
    Customer Support

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

    #952817
    Pontus

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

    #952825
    David
    Staff
    Customer Support

    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.

    #952847
    Pontus

    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

    #952888
    David
    Staff
    Customer Support

    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.

    #953102
    David
    Staff
    Customer Support

    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.

    #953129
    Pontus

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

    #953152
    David
    Staff
    Customer Support
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.