Hide sections on mobile/ desktop view

Custom class to hide a section on different devices

Explore FoxEcom Affiliate Program now ✨

If you want to hide a specific section on mobile view and show it on desktop view or vice versa, follow the steps below.

1. From your Shopify admin, go to Online Store > Customize.

2. In the theme editor, select the section you want to customize.

3. Find Custom attributes in the section settings and add the following custom classes:

Minimog version 3.5.0 and older:

• Display that section on desktop and hide it on mobile:

hidden md:block 

• Display that section on mobile and hide it on desktop:

block md:hidden 

Minimog version 4.0.0 and above:

• Display that section on desktop and hide it on mobile:

m:hidden md:m:block

• Display that section on mobile and hide it on desktop:

m:block md:m:hidden

4. Save the settings.