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.
  1. 1.
    From your Shopify admin, go to Online Store > Customize.
  2. 2.
    In the theme editor, select the section you want to customize.
  3. 3.
    Find Custom attributes in the section settings and add the following custom classes:
hidden md:block: for display on desktop and hide on mobile.
block md:hidden: for display on mobile and hide on desktop.
4. Save the settings.