How to Set a Full-Width Header on Page

[Marabenner]

I’ve researched all the ways in which to force a full-width image on the frontpage (https://fourdirectionswellness.com). None seem to be working. Please advise.

[ruenel]

Hello @Marabenner,

Thanks for writing in!

To resolve your issue, please remove the content area element you have added in the column. What you need is to set a minimum height of the column. Find the “Style” field in the column settings and then insert this inline css min-height: 500px;

This minimum height is necessary because the height of the column depends on the height of its contents. When the column is empty, you will have to set the height in the column so that the section will have enough height which has the background image that will cover the whole section.

Hope this make sense.

[Marabenner]

That worked, thanks!

I still needed to add a clear pixel inside the column row for it not to collapse and have everything overlap. Not sure why, but it’s working now. Thanks again.

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.