Dawn Theme 12.0 Banner Image max-width alignment

DenHineCITS
Shopify Partner
16 0 10

Hi all, I'd love some guidance as my CSS is a bit rusty! I've added a banner image to my home page, collections and blog posts on www.childrensfootball.com but I don't want it to stretch over the actual size on larger screens. I've tested setting the max-width using this code, however, the banner is on the left and I want the banner to be centred, regardless of screen size. I also want this to work on all pages I add the banner to, and still adapt on a mobile screen.

 

I've added the code to a test site: https://childrens-football-test.myshopify.com/  pwd ohlyai

 

.banner__media {
max-width: 1200px !important;
--border: 20px solid pink;
margin: 0 auto !important;
}

Replies 0 (0)