i want to use different image on slideshow for mobile. i am using dawn theme. i have tried so many coding from my own. but I am unable to do that kindly help me to resolve this issue. its very urgent.
Please share the store URL .
There are some copy/paste solutions out there that work with the Dawn theme, like this image banner/slideshow.
All it takes is downloading the file and pasting into the theme.
I hope it helps.
Kind regards,
Diego
Hi @ikkhuorganics ,
You can provide a slideshow only for desktop or mobile. Then you can choose the photos your want for each screen size. Please follow the tutorial below. Yes, this will show two slideshow in your theme editor but only one slideshow when you change the settings using Theme editor.
My bad, wrong video. Here is the right one
according to this video. if I upload image for mobile either desktop. image is not showing in both version.
You have to add some a class to your section as mentioned in the video
I have already done but still facing the same issue.
@ikkhuorganics
Hii,
@media screen and (max-width: 749px)
.banner__media:first-child {
display: block !important;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid
Have you change the settings in the theme editor? See video here
@media screen and (max-width: 749px)
.banner__media:first-child {
display: block !important;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
like this
hi can you please tell me that how to make this slideshow clickable.
Can you share the store URL ?
Did you check in theme customizer area? Is there any option
yes i have checked there is no option to make clickable
Can you give me the store access!