Header Banner not showing correctly
-
I have a HTML block created and inserted as a ‘header banner’ yet it doesn’t appear correctly stretched side to side on desktop and isn’t appearing at all on mobile.
See screenshots below please
Hello,
Please try adding the image as the header background then check back.
Screenshot: https://gyazo.com/6e942720bd044d59903ffa715cdf7ea4
Best Regards
I tried that and had some more success, but its still a bit buggy.
If I choose ‘cover’ it appears on desktop front end, but looks awful and stretched weird. It doesn’t show up at all on Mobile.
If I choose ‘contain’it doesn’t appear at all on front end desktop or mobile.
Hello,
As I can understand, you want to make the image always stretched and don’t crop it. Unfortunately, it is not possible with our header banner. It always has a fixed height. So if you stretch your image it will be cropped because of the fixed header banner height.
Kind Regards
What image size and settings do you recommend so that I can have the banner appear nice?
Here is a .gif of how it currently looks.
Hello,
You need to enable “Contain” background size for the image and then try to “play” with the image size and the header banner height. Let us know how it works and send us a link to your website.
Kind Regards
is there any image dimension that you recommend I use for best result?
There is no “ideal” dimension there. It is always specific to your website and overall configuration.
Kind Regards
.
