Hide sections on mobile/ desktop view
Custom class to hide a section on different devices
If you want to hide a specific section on mobile view and show it on desktop view or vice versa, follow the steps below.
From your Shopify admin, go to Online Store > Customize.
In the theme editor, select the section you want to customize.
Find Custom attributes in the section settings and add the following custom classes:
![](https://docs.foxecom.com/~gitbook/image?url=https%3A%2F%2F1997835572-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-MlL6sK9D7unq8F2VPPp%252Fuploads%252FlNqst1gIq2G2vLSfzLmO%252Fimage.png%3Falt%3Dmedia%26token%3D2fce53bc-f2c9-4ae8-9652-06b76ca985da&width=768&dpr=4&quality=100&sign=d5eb915&sv=1)
Minimog version 3.5.0 and older:
Display that section on desktop and hide it on mobile:
Display that section on mobile and hide it on desktop:
Minimog version 4.0.0 and above:
Display that section on desktop and hide it on mobile:
Display that section on mobile and hide it on desktop:
4. Save the settings.
Last updated