Minimog Theme

Hide sections on mobile/ desktop view

1 min read

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:
image

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.

Last updated