How can I fix mobile image responsiveness on the Dawn template?

Store Design
1

I’m using the Dawn template. It is suppose to be mobile responsive but the banner image and slide show images cut off on the sides for mobile. They look great for desktops. I’ve tried multiple code changes from support discussions but none of them have worked.

Also, the layout and size of some of the images need fixing. Nothing I have tried in code edit has worked. It is a large number of images so would love to fix it in css and also the layout is off on some pages.

Has anyone found a solution for these? I looked it up before posting but none of those solutions worked.

Thanks in advance!

1 Like
2

Hi @ju77

I would suggest to assign a different section for desktop and different section for mobile. You can use the tutorial below.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

Thanks @Made4uo-Ribe ! I thought about separating them but haven’t. I"'ll check out the video. Also, please let me know if you have any input on the product images. I would love to fix them with css as it is a lot of product images but nothing has worked so far. The layout seems off in a couple of places also. Thanks for your help!

4

You might want to change your images so they are the same sizes and layout. It would be hard to adjust with CSS, since the images might be cut off, or have a container background.