Hiding a section on mobile

Marcz22
New Member
2 0 0

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!

0 Likes
HardikDavra
Shopify Partner
2316 362 994

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

Please make the 'm' of media small.

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


 

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
Marcz22
New Member
2 0 0

Hello!

I don't have a theme.scss.liquid in my theme's "edit code" browser. 

 

Regards,

Marton

0 Likes

@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

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
0 Likes