Header Banner

Hello,

I added the original header banner to Theme Setting >> General >> Header Banner Section, but the banner width is narrow. How to adjust the banner width to Site width? (our site width is 1074 )

Attachments:

You must be logged in to view attached files.

Hello,

When you upload an image for the “Banner background” option you should also use the additional options for the image that this option provided, so for the “Background size” set the “Cover” value after it the image will be stretched.

https://monosnap.com/file/KJTUJccG3OKXwMlHZKi3eepNXO3h1x

Let me know if you have any questions or concerns.

Kind Regards

Hello,

the width issue resolved! 🙂

I have another issue. The banner works perfect on Desktop, but on mobile, the right side of banner is hidden.

I attached a screenshot here. the first one is Desktop view , the second one is Mobile view.

Attachments:

You must be logged in to view attached files.

Hello,

You have the background image with the text. such images may be cropped a little bit on mobile but not much as you have now. To be able to improve the appearance of the image, you need to set the “Center” value for the “Background position” option.

https://monosnap.com/file/5krIZvpZNpE9rvz8ga2kqVZRGYXFu3

If you would like to discuss the issue further, our customer support team is here for you.

Kind Regards

Hello,

Thank you for your reply. I set the “Center” value for the “Background position” option.

the letter “MAX” is displayed, but letter of “70%off! ” is still cropped.

here’s mobile view screen shot.

Attachments:

You must be logged in to view attached files.

Hello,

The image that defined as background always be a little bit cropped on mobile because the “Background image” has such functionality.

You can try to move the “70% off” that is on your image and check how it will appear or create such text via the “Header banner” field.

https://gyazo.com/5f799c9c366f1c3b6d79878073ba8d56

Please let me know if you have any further questions in the meantime.

Kind Regards

Hello,

we finally solved the issue 😉
Thank you for your support !

Hello,

Glad that everything is sorted out!

If there’s anything you need, please write me or another member of our help desk team.

We wish you all the best

Kind Regards

[Author]

Posts