Displaying some slideshow images on my Brooklyn theme only for mobile users

Solved
Pozos
Tourist
12 0 4

Hi,

I am working on a piece of code to display some slideshows of images only for mobile users. 

The code I have been working on is the following:

<style>

  @media (min-width: 768px) {

    .hero--adapt {

        display: none;

    }

}

</style>

The thing is that this code will hide all image slideshows on my homepage, and I just want to hide an specific one, but I do not know which class or object to reference instead of ".hero--adapt" in order for this to happen. How can I do that?

0 Likes
juansmartdev
Explorer
46 11 14

This is an accepted solution.

Hi, @Pozos 

I hope you are doing great!

Can you please share the link of your store, so i can help you further.

Thanks!

Kindly Regards, 

Juan

 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Worked for 2 years as Shopify Developer.
◦ Contact me at: juansmartdev@beeethereal.com
Pozos
Tourist
12 0 4

Thank you Juan, my store is smarthmx.com.

Right now I have only one slideshow at the top, I would like to hide it for PC users. 

0 Likes
juansmartdev
Explorer
46 11 14

This is an accepted solution.

Your welcome, @Pozos 

I just look your site. So the slider is working on with a JS library called slick. If you want to only hide a specific slide for mobile or change the behaviour for mobile, you need to know a little bit of JS to do it, so the sites can keeping looking good. Sadly there's no a copy & paste solution. Also if you know JS you can see the documentation for slick here

I can help you with this requirement, DM me or email me to juansmartdev@beeethereal.com so we can discuss further the estime of work.

Thanks!

Kindly Regards, 
Juan

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Worked for 2 years as Shopify Developer.
◦ Contact me at: juansmartdev@beeethereal.com
0 Likes
Pozos
Tourist
12 0 4

Thank you very much @juansmartdev since it look a lot more complicated as I expected I change my approach and adapt the images so the both can fit well for desktop and mobile experience.

 

Your information was very useful.

juansmartdev
Explorer
46 11 14

Your Welcome

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Worked for 2 years as Shopify Developer.
◦ Contact me at: juansmartdev@beeethereal.com
0 Likes