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