How to match banner width with other sections on Responsive theme?

How do I make my banner width the same size as the other sections on the homepage. I am using the Responsive theme. See screenshot.

Thank you,

Ann

you can apply max-width property to the banner class in css file.

This might take a little bit of coding to make it look how you want it to. Do you have any experience coding in Shopify?

Hi @AnnKlos
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

Hello @AnnKlos

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

My site is not live yet.

Here is the URL - https://quiltycreative.myshopify.com/admin

Password: GlassKey159!

Good afternoon! Were you able to figure out the issue?

Hi @AnnKlos

You can try these steps:

B1: Go to Online Store >> Theme >> edit code >> and find the file that renders the image banner (they can be: banner-section… or something similar…)

B2: Find the div tag that wraps the image banner with the class as below:

delete the old class and replace it with a section like this:

I tested it and it worked. If the code implementation is too complicated or you can’t find the file to edit, you can give me the access store so I can better support you.

Hope this suggestion can help you.