Change slideshow to mobile only

[dvir_asraf]

Hey guys im using ella theme and i just need help from changing my slideshow from desktop + mobile
to being visible only on mobile

my site is : tulcosmetics.com

pls help

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @dvir_asraf 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
@media only screen and (min-width: 600px) {
.slideshow {
    display: none !important;
}
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[topnewyork]

Hi @dvir_asraf ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
@media only screen and (min-width: 600px) {
.slideshow {
    display: none !important;
   }
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[Made4uo-Ribe]

Hi @dvir_asraf 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (min-width: 749px){
div#slideshow-wrapper-template--20940192579904__16321237356a896dad {
    display: none;
}
}

And Save. 

Result:

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

[namphan]

Hi @dvir_asraf,

Do you want the code to work for just this one slideshow or all? If you only give this section, please go to Actions > Edit code > Assets > slideshow-lookbook-style.css file and paste this at the bottom of the file:

@media (min-width: 768px){
#shopify-section-template--20940192579904__16321237356a896dad {
    display: none;
}
}