Hiding specific sections on mobile or desktop using a code in the section's custom css

Store Design
,
1

Hey everyone,

I’m trying to easily make sections mobile or desktop only and would like to take advantage of the individual section custom-css space integrated on the shopify builder, but I haven’t been able to use an existing css code that works when you drop it into any section. I’d want something like

@media only screen and (max-width: 749px){
#shopify-section-1576065013508 .container div:nth-child(1) {
    display: none;
}
}

But that auto identitifes the section its used in and doesnt need to get the specific id everytime

I’m using the neon theme

Thanks !

2

Hello @BRIO_Mate

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.