"Custom CSS" box Motion Theme - code needed to make theme sections Mobile only

[shopfashion]

Hi there,

We are using the Motion theme, could someone please let me know which code I can enter in the "custom CSS" box in the theme editor to make sure some sections are only visible on mobile or desktop? I was surprised that with the ease of use of the drag & drop theme editor that there's not a selector per section by default to do this..

So to clarify, lets say I only want a video (section in theme) to show on mobile, how to do this by using the custom CSS box? 

Thank you in advance!

[Dan-From-Ryviu]

Hi @shopfashion 

Could you add that section and then share store URL so I can give you the solution? 

[shopfashion]

Hi there,

As far as I know the custom CSS box is only applied per section, so there should be a one-size-fits-all code right? In regards that it doesn't matter which section. Just some code to hide a section on desktop. So I can easily copy and paste to the section I want hidden on desktop or mobile devices. Please see image, that's the custom CSS box I mean.