How to hide Shopify section on Desktop & Mobile Devices?

[Brian-A]

How to hide Shopify section on Desktop & Mobile Devices? 

How would I hide a custom liquid section on mobile and desktop devices? I need one section for mobile devices and one section for desktop devices, reason being image adjustment.

Image on Mobile device needs to be custom compared to desktop and I just want to have 2 separate liquids. 

[suyash1]

@Brian-A - using css you can hide/show the section you want, need to get the ids of those sections

[theycallmemakka]

Hi @Brian-A ,

For this you can custom CSS. You can follow below steps to show/hide sections on different device.

Step 1: Go to the section you want to show/hide. 

Step 2: Add below code on custom CSS.

To hide on mobile, add bellow css:

 @media only screen and (max-width: 768px) {
*{
display: none;
}
}

To hide on desktio, add bellow css:

@media only screen and (min-width: 769px) {
*{
display: none;
}
}

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka