Image banner width in Dawn theme

[maxpanell]

Hello, I was wondering if someone could help me with my image banner. I'm currenlty using the Dawn theme and I want the image banner to be the same width as the header and rest of the website at all times. I've included an ( admittedly rather crude! ) image to illustrate my design objective.

Also here is a link to website for reference to want I want my image banner behaviour to be like :

https://stoneagegamer.com/

[LizHoang]

Hi @maxpanell, thanks for your question.

After reviewing the reference site you shared, it appears that their banner seamlessly matches the width of other elements within the body of the page, creating a clean and cohesive appearance. To achieve this in your store, the solution would be to adjust the header size separately to align with the body content and the banner image. 

I hope it'd helpful to you.

Liz. 

[DaisyVo]

Hi @maxpanell 

Could you please share with us your store link for further investigation?

Thank you!

Best,

Daisy - Avada Support Team.

[maxpanell]

sure thing, here is a link to my website with the image banner :

www.senkogames.com

[DaisyVo · Accepted solution]

Hi @maxpanell 

I hope you are well. You can follow our instructions below:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3: 

div.banner.banner--content-align-center {
  max-width: 110rem !important;
}

Please let me know if it works. Thank you!

Best,

Daisy - Avada Support Team. 

[maxpanell]

Yes that worked just fine, thank you very much for your help