[HELP] Hide Revolution Slider on Mobile

Solved
Alessandro1607
New Member
4 0 0

Hello all,

 

I need a bit help to remove the "revolution slider" on mobile, i found some solved request but got still some trouble finding the right css where put the codce.  Can help pls ?

My Site: https://www.ricambiauto24.net/

Website is in progress, pw to access:  checcofesso

 

Thx a lot.

0 Likes
PeanutButter
Shopify Partner
355 67 150

hi @Alessandro1607 

Can you share what theme you are using so I can better propose where to add the needed css?

thanks

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes
Alessandro1607
New Member
4 0 0

 

Sure @PeanutButter 

 

I'm using : 

wokiee-v-1-9-1

0 Likes
PeanutButter
Shopify Partner
355 67 150

This is an accepted solution.

So assuming you want to hide the slider up to iPad resolution, the code to do so would be:

@_media only screen and (max-width: 767px){
  [data-sectionname="index_revolution"] {
    display: none;
  }
}

- You can add this at the end of Assets/theme.css
- You can modify the value 767px to hide the slide at a bigger or smaller screen size.  With this setting the slider will be hidden at 767px screen width and below. IPad screen with is 768px

Your site is looking pretty neat by the way, I like the navigation a lot

 

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes
Alessandro1607
New Member
4 0 0

Oh really really tx, the best help experience so far =P Very fast. 

 

Work as intended and thx for the comment. 

0 Likes
PeanutButter
Shopify Partner
355 67 150

Great that I could be of help to you!

Good luck with your store, I bet it will work as it looks very professional

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes