Homepage banner image on mobile

My website looks great on a desktop view, but on the mobie view it only shows the left hand 20% of the banner. How can I change it so it shows the full width banner on the mobile display?

Thank you


Hey Rob

Can you please provide your website to check your problem?

Of course here’s the link:


Any advice would be really appreciated!

hey there

Please add this CSS in appearance - customize - additional CSS

.header-image-bg {
background-position: center center;

Colorlib Support Team

Thats perfect, thank you!

thank you :slight_smile:

If you’re happy with our service, don’t forget to rate us: [Illdy] Reviews | WordPress.org