Solved

Dawn Theme banner images too large on desktop view

Waathiq
Visitor
1 0 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

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4731 1078 1743

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 3 (3)

infoatcodelab7
Shopify Partner
593 141 154

@Waathiq 

Step: 1

infoatcodelab7_0-1677819421415.png

Step - 2: add page-width class in schema

infoatcodelab7_1-1677819480709.png

Step - 3 : Save file

 

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com

PageFly-Richard
Shopify Partner
4731 1078 1743

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

Emmalily
Tourist
7 1 1

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.