Dawn Theme banner images too large on desktop view

Store Design
, ,
1

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

1 Like
2

@Waathiq

Step: 1

infoatcodelab7_0-1677819421415.png
infoatcodelab7_0-1677819421415.png1718×660 87.2 KB

Step - 2: add page-width class in schema

infoatcodelab7_1-1677819480709.png
infoatcodelab7_1-1677819480709.png1884×861 44.9 KB

Step - 3 : Save file

3

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

4

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.