URG Dawn Homepage Image Banner Width (center)

Store Design
1

Hello.> Thank you for taking the time to read this.> Any chance you know how to change the width of the Image Banner on the Homepage (Dawn Theme).> I’ve tried to reduce the Banner to 80% but it keeps the banner stuck to the left.> I want the image banner to be reduced and central on the page.

This seems unresolved

https://community.shopify.com/c/shopify-design/how-to-change-image-banner-width-dawn-theme-4-0/td-p/1575003
Any thoughts?
Thank you for your help.

2

Follow these steps :

  1. Go to Edit Code

  2. Find a file named “section-image-banner.css”

  3. In that file, search (ctrl + F) “.banner–large:not(.banner–adapt)”

  4. Add the following css

.banner–large:not(.banner–adapt) {
min-height: 72em;
width: 80%;
margin: 0 auto;

}

NOTE : Min-height condition is already there. Check for mobile version as well.
Let me know if it is resolved.
Thank You

3

Thank you @Sneha_1312
I will give it a try as soon as possible and I will let you know if it works.
So glad I took the plunge and decided to ask the question.
Thank you for your time and attention :slightly_smiling_face:

4

Hello @Sneha_1312

How are you today?
No luck :disappointed_face:
I tried adding it to “section-image-banner.css” (as suggested) and also I tried adding it to base.css
No luck.
I even tried to add it to the
.banner–large:not(.banner–adapt) {

min-height: 39em;
On “section-image-banner.css”
No luck.

Wouldn’t it be easier to add margin or make central using this one ?

.banner {

width: 80%;

}

That works for the reduction but it gets stuck to the left.

I also tried

.banner {

min-height: 72em;
width: 80%;
margin: 0 auto;

}
With no luck.

Full “section-image-banner.css” as is.
https://codeshare.io/78QLkY

Any ideas?
Thank you very much for helping me!! :slightly_smiling_face:

5

@happycamper Can you share your websites url? Need to check where the css is failing

6

@Sneha_1312 Thank you for taking the time.
I hope to soon get to a point where I can also do the same for someone else.
Such a beautiful community of people kindly and freely supporting one another :heart:

Section-image-banner.css
https://codeshare.io/qPrq9B

Image-banner.liquid
https://codeshare.io/WdY0Jy

Base.css
https://codeshare.io/RbYqoj

Many thanks :slightly_smiling_face: