Change image layout for desktop Dawn theme

Hi !

I have some image banners that are in the right formate for mobile view (4 image banners) but i want it to be a different layout (just one image banner) for my Desktop view.

this is mobile view (all 4 separate image banners)

and then i want desktop to be one image banner like this

thanks :slightly_smiling_face:

1 Like

Have you tried playing around with media queries and display flex?

For example, put all of your image banners inside of a div, then inside that big div, take two image banners and put then inside of another, and do the same with the other two banners.

Kinda like this:


two banners here

other two banners here

Then, in the two inner divs, you can add a display flex direction row when they are in desktop size or a flex direction row when they are in mobile.

1 Like

@Trash

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hi Ketan,

Thankyou for your response

would appreciate some help! The URL is www.crumbleinterior.com.au

password simby2021

1 Like

@Trash

can you confirm this look

Is it possible to get the white gaps in between like the example given?

1 Like

@Trash

yes, please used image with text section it would be great also remove unused section

I don’t think I understand?

It is still showing up as the same on the desktop website.