Dawn Theme banner images too large on desktop view

[Waathiq]

Hi our current image banners on desktop appears very large on desktop we would like our desktop view for image banners to be aligned with our heading and other content such as favorites www.infinitelyspecial.co.za

[infoatcodelab7]

@Waathiq 

Step: 1

Step - 2: add page-width class in schema

Step - 3 : Save file

[PageFly-Richard · Accepted solution]

Hi @Waathiq ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-image-banner.css->paste below code at the bottom of the file:

@media screen and (min-width: 990px) {
    .image-banner-section {
        max-width: var(--page-width);
        margin: 0 auto;
        padding: 0 5rem;
    }
}

I hope it would help you
Best regards,

Richard | PageFly

[Emmalily]

Your image banners might need some adjustments to align better with your other content. One solution could be resizing the banners or applying custom CSS to control their dimensions more precisely. Try setting a max-width or aligning the image to fit the content width on the desktop view. You may also want to check if the theme allows for layout adjustments.