Hiding section on Mobile

[aitgch]

Hello, Sup team!

I want to hide Collection sections on Mobile.

Could you help me guide though?

*Site page is written in Japanese.

URL : https://maaha-chocolate.shop/

Pass : Gentei

[dmwwebartisan]

@aitgch 

Can you provide a screenshot of which section you would like to hide on mobile?

This will help.

Thanks!

[aitgch]

 

[dmwwebartisan]

@aitgch 

Please add the following code at the bottom of your theme.scss.liquid / timber.scss.liquid / stylesheet.css / theme.css ( which is in your assets folder )

@media screen and (max-width: 768px){
.featured-products-wrapper{ display: none; }
}

Hope this helps.

Thanks! 

[aitgch]

theme.scss.liquid / timber.scss.liquid / stylesheet.css /

I couldn’t find above 3 in asset.

Should I add? 

[dmwwebartisan]

@aitgch 

Which file you have in assets folder?

[aitgch]

[dmwwebartisan]

@aitgch 

Please add the code in theme.css file. Please check if that works. If not then try to put on custom.css file at the bottom.

Thanks!

[aitgch]

IT WORKS!

Thanks very much!

[dmwwebartisan · Accepted solution]

@aitgch 

Please accept as a solution. It will help others.

Thanks!