How to make image banner size same size as collage - Dawn theme

[shakkhoza]

How do I make the top image banner the same width as the collage? Dawn theme

[Korede-Agency]

Hello, @shakkhoza 

Kindly share a screenshot of the issue you're experiencing or your store's URL.

[shakkhoza]

Hi there, thanks for the reply, I was just looking for a simple fix via code, which I can implement myself as I am not looking for a developer

[shakkhoza]

Hi, please find the image attached.

[Korede-Agency]

Very well then.

Follow these steps to make the image banner the same as the collage;

Have you tried to adjust to "Full width" if available, from the Image Banner under the Layout settings?

Add this CSS code to the base.css or theme.css under Assets;

.banner__media {
max-width: 100% !important;
width: 100% !important;
}

As a last resort, check, section-image-banner.liquid and section-collage.liquid section for the banner and collage container width if the above code doesn't work.

Make sure both settings are maxed to the same width.

[shakkhoza]

Hi, I've tried the following but this did not work?