Hiding sections for mobile and desktop

Solved
DylanYates
New Member
3 0 0

I have no coding experience so if someone could help me out it would be much appreciated. 

What is have two slideshows, one that only appears on mobile, and one that only appears on desktop. This way the images in each would be cropped accordingly.

My website is https://pullchri-apparel.myshopify.com 

Thank you lots. 

 

0 Likes

Your store is password protected.
You can hide by using the Section Id and Media query CSS.

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
0 Likes
DylanYates
New Member
3 0 0

I disabled the password. If you could further explain how I would go about doing it, or if you could give me some code to slap on it that would be very helpful. 

Thank You

0 Likes

This is an accepted solution.

@DylanYates 

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss and paste this at the bottom of the file:

 

@media only screen and (min-width: 750px){
#shopify-section-slideshow{
display: none !important;
}
}

@media only screen and (max-width: 749px){
#shopify-section-1618679887012b47f0
{
display: none !important;
}
}

 

 

Please do let me know if it works for you.

Good Luck!

 

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
0 Likes
DylanYates
New Member
3 0 0

This does indeed work. Thank you very much for your time! 

0 Likes

@DylanYates,

It was not a problem at all.
Best of luck with your business.


Cheers!

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
0 Likes