I need to add different images for mobile device in dawn theme

Store Design
1

I need to add different images for mobile device in slideshow as well as banners in shopify dawn theme.

Any help will be appreciated.

1 Like
2

Hi there @TheLivingCo ,

The solution you are looking for requires custom code changes mainly CSS and HTML. If you know somewhat of both, my answer would help otherwise you’ll need developer assistance.

So, What you need to do is duplicate both sections and in one add desktop images, and in the other add mobile images. Now you’ll need to use CSS media queries to hide the desktop part on mobile and vice versa.

I would love to provide CSS code here but it will take longer and I’ll need to be at the backend of your store to be able to write specific code. Hope it helps!

3

can you provide me css code and where to use that as well.

4

Hi @TheLivingCo ,

As mentioned before I need to login to your store to do that. if you are willing to make code edits yourself you can learn it here

https://linuxhint.com/hide-elements-media-queries/#:~:text=For%20the%20purpose%20of%20hiding,inside%20the%20specific%20media%20query.

5

Hi @TheLivingCo !

I`m Richard Nguyen from PageFly - Advanced Page Builder.

Can you send me page URL that I can inspect and give you code accordingly.

Best Regards;

Richard-Pagefly

6

www.thelivingco.life