How can I hide a specific section on my mobile site?

Technical Q&A
1

Hello everyone!

I would like to hide a section which contains a large image on my site.

Site is: https://thearoidshop.myshopify.com/

pass: “istiem”

The section I’d like to hide is the large image that has “The Aroid Shop” written on it.

Thank you for your time!

2

Please place this code at the end of theme.scss.liquid

Please make the ‘m’ of media small.

only screen and (max-width: 450px) {
#shopify-section-16067737714314f534 {
display: none;
}
}
3

Hello!

I don’t have a theme.scss.liquid in my theme’s “edit code” browser.

Regards,

Marton

4

@Marcz22 , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
@media (max-width: 767px){
    [data-section-type="hero-section"]{
        display: none !important;
    }
}

Please let me know whether it works.

Kind regards,
Diego

5

To future Shopify user, who want to do the same in your section but the solution does not work, try to follow the instructions on the video. It will work on ANY Shopify sections and ANY themes. No app and its totally FREE.