How can I optimize Dawn Theme image banners for both mobile and desktop view?

Our website is www.thesistahoodau.com. We created our original ‘Social Proof’ Icons within Canva and uploaded as an image banner on Dawn theme front page. Whilst it looked good on website view it did not resize for Mobile view. Now we have had a play with individual images or using 2 images in one image banner and creating the second one with another 2 images but now even though this looks good on mobile site the images get cut off on our front page desktop view. They are created in 512 x 512 px.

I have attached an example image from the original view which is what we prefer but it does not work on mobile view and the other attachment is of what we have now but it does not work with desktop view but good on mobile view. Is anyone able to shed some light on this issue we are experiencing please.

2 Likes

Hello @Sassy1

I understood.

Just let me know, have you made this section with custom code?
you have to make four different images instead of one group image

manage design using css

Hi Thanks for your reply but I don’t know enough about coding, the images were made in Canva and uploaded as a png file

Hi @Sassy1 Hope you are doing well. I can help you on this. Need some tweak in the code. You can inbox me if you want paid service. Regards,

Thank you for the offer but we cannot afford paid services

You can use the png file instead of canva… and those four images make it separate

yes, need to do a custom code
can you please give me store access? you can share details in a private text message