Remove white space above and below header background lower layer

[harmoniqa]

Hi,

I need help with removing white space above and bellow my header background, please take a look.

I already checked the forum and this https://theme.co/apex/forum/t/remove-white-space-fullwidth-image/32051/4 topic and I cannot find where to change everything. There is no option to change this settings for “bar“ within header builder.

Thank you,
Monika

[nabeel]

Hey there,

Thanks for writing in! To remove the above and below space just change your Background Lower Layer’s Size from contain to cover (see screenshot)

Hope this helps!

[harmoniqa]

Thank you for answer.

I tried cover, but it is not ok, it enlarges the image too much, the text is no longer visible and it falls out of the page.

I would like that the image is full width according to the size of the screen. It has to look like when it is contain, just without the white space above and below.

Thanks!

[mldarshana]

Hi There @harmoniqa

It’s because your Bar residing the background image has a height of 100vh. Try reducing it, and that should resolve your issue.

Hope that helps.

[harmoniqa]

Hello,

thanks for reply, unfortunately it does not help, it just makes the image smaller and not full width.
Any other solutions? Please!

Thanks!

[thai]

Hi There,

In this case, I recommend you to remove the text from your background image and use the text element instead:

Text | Themeco Docs

Hope it helps