Help with Header in Elements

Hi there,

try the following:

1. Make sure the Header Element text field contains some content.
If you're just wanting to show an image then use a HTML Comment like so:

<!-- Hero image only -->

2. Check the Header Element > Display Rules. The Location for the Home is Front Page

Thx David

You're right It was front page, I had chosen page than home page which is what I called it.

Also wanted to ask if there's a way to adjust the image, it always gets so blown up. Any tricks to adjust the image

I'm trying to do something similar to this
https://www.templatemonsterpreview.com/demo/80376.html

Glad to hear that.
The header elements background image size is set to Cover. Which means it will always fill the container.

The height of the container is defined by a. the content and b. the top and bottom padding. So you may want to reduce the padding to make it shorter. Note: you can set different padding for mobile by selecting the mobile icon.

Is there a way to set it to fit VS cover or manipulate that in any way aside from the padding?

Making it fit across all device sizes and orientations is tricky when there is content in the header element - as this introduces additional height. Its also a complete nightmare when you use a Portrait Image as that really only works well with Mobile.

Have you considered a Landscape image instead ?

ok noted David
Yes I can switch to landscape, TY for the recommendation.

You're welcome.