How can I hide a website section on mobile view?

Store Design
1

Hi!

I have section on my website, “Text columns with images” that I would like to hide in the mobile view. How can I do that?

My online shop is: www.invert.pt

Thank you!

1 Like
2

@FranciscoFaria

Please add the following code at the bottom of your assets/index.css file.

@media only screen and (max-width: 768px){
#shopify-section-160997220275f38861 .section {padding: 0px;display: none;}
}

Hope this helps.

Thanks!

1 Like
3

Thank you!!

1 Like
4

For anyone who have a different section and different theme, the solution will not work for you but try this video instead. You do not need any section ID or whatsoever. Just 3 set of codes to do. Follow the tutorial below.

5

this doesn’t work

1 Like
6

@chacha420

which section you will have hidden on your mobile Please share a screenshot.

Thanks!

7

I want two different slideshow, one for mobile and desktop each.