I am using the Dawn theme and was wondering if it is possible to make two different sliders, (mobile and desktop) since I cant upload separate pictures.
I have two different sliders now, but how can I hide them on the other device?
I found the solution, for people that run into the same problem.
Add this code on the bottom of your base.css file:
/* Hide desktop slider */
@media screen and (max-width: 481px) {
#shopify-section-template--17351042138378__362962e1-e25a-40c8-84ed-fba32f8f0d6f {
display: none !important;
}
}
/* Hide mobile slider */
@media screen and (min-width: 481px) {
#shopify-section-template--17351042138378__f07e4bbf-65b9-419c-bf2c-372931a3fbd7 {
display: none !important;
}
}
Instead of the "#shopify-section-template…" that I used, you can find yours in DevTools (CTRL + Shift + i) on your website and find the section that you want to hide.
