White space

  • Resolved compr1426

    (@compr1426)


    11 months, 1 week ago

    White space after header – content not showing properly

    Hi everyone,

    I’m experiencing an issue on my WordPress site: there’s a large white space right after the header, and no content is visible below. When I inspect the page using the browser’s developer tools, I see a .sticky-element-placeholder div that seems to be causing the gap.

    I tried hiding it with this CSS:

    .sticky-element-placeholder {
    display: none !important;
    }

    That removes the placeholder, but it still causes a weird jump or layout shift that breaks the page structure.

    I’m using the Sticky Menu (or Anything!) plugin, so I suspect it might be related, but I’m not sure how to fix it properly without affecting the sticky behavior.

    Has anyone experienced this before or knows how to resolve it? Any help would be much appreciated!

    The website is:

    https://jardinerosmurcia.es/

    Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Alexandru Tapuleasa

    (@talextech)

    11 months, 1 week ago

    Hi,

    It seems there’s some JavaScript adjust the header to hide/show the mobile menu and that seems to be sometimes activating after Sticky Menu causing the placeholder element to pick up the size of the header menu + the mobile menu in open state.

    You could add this to your theme’s Custom CSS, which should force the placeholder height to be maximum 90px.

    .sticky-element-placeholder{
    max-height:90px !important;
    }

Viewing 1 replies (of 1 total)

The topic ‘White space’ is closed to new replies.