Unwanted big space on mobile version above Header

  • jaanabpdk

    (@jaanabpdk)


    1 year, 3 months ago

    Hello,

    somehow on the mobile version (and a little bit on tablet version) above my header there is a big blank space shown, which is not appearing on desktop version and I couldn’t find out, how to fix it. For me it looks like it’s because the header-cover is not adjusting to the other format/size of the device, could that be?

    The margin-settings etc I already checked. What do I oversee?

    Thanks a lot

    Jana

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Aradhy Singh

    (@bsfaradhy)

    1 year, 3 months ago

    Hi @jaanabpdk,

    I have reviewed your website and it seems that the issue is coming from the min-height set of the first container. Refer to this screencast, please.

    To fix this, you will need to edit the min-height values for them accordingly with the page editor. For better assistance with this, you can post this on the Spectra forum.

    Hope this helps.

    Kind regards,
    Aradhy 🙂

    Thread Starter jaanabpdk

    (@jaanabpdk)

    1 year, 3 months ago

    Dear Aradhy,

    thanks a lot for your answer.

    If I minimize that setting to make the “Gap” go away, it’s not possible anymore to see the picture in that container.

    I also checked another website I started and there it’s the same setting, but the problem is not appearing there.

    Is there any other thing that could help?

    Thank you!

    Jana

    Aradhy Singh

    (@bsfaradhy)

    1 year, 3 months ago

    Hi @jaanabpdk,

    Maybe it will be better if you can reach out to us through our Support Portal, so we can have a closer look at your site. Also, we respond faster there.

    Once you open a thread there, please feel free to mark this thread as Resolved.

    Kind regards,
    Aradhy 🙂

    Jayeshkumar Chopda

    (@jayeshchopda)

    1 year, 3 months ago

    Hi @jaanabpdk ,
    Upon reviewing your website, I noticed a mobile spacing issue in the header caused by the “min-height” setting applied to a block. While you’ve already checked the settings on your end, the issue remains unresolved.

    However, in the default WordPress “Astra” theme installation, this issue does not occur. I recommend verifying and double-checking your block settings in the backend of your theme. Alternatively, you could try creating a new block to see if that resolves the problem.

    For reference, please check the attached screenshots:
    Default Astra theme: https://imgur.com/FQ9tlq1
    https://imgur.com/X6OaEvp

    Let me know if you need further assistance!

    Best Regards,
    Jayeshkumar Chopda

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Unwanted big space on mobile version above Header’ is closed to new replies.