Hiding Sections on Desktop or Mobile Website Views
The ability to hide certain sections on desktop or mobile is made simple with the eComm Performance's theme's built-in Custom CSS feature.
Hide section on mobile
Step 1: To hide a section on mobile, head into your Theme Editor by clicking on Customize under Online Store > Themes.
Step 2: Locate the section you'd like to adjust and click into it in the theme editor to pull up its settings.
Step 3: Locate the Advanced settings where you'll see the CSS Class field:
Step 4: In the CSS Class field, add the following class: is-hidden-mobile-only
Hide section on desktop
Step 1: To hide a section on the desktop, head into your Theme Editor by clicking on Customize under Online Store > Themes.
Step 2: Locate the section you'd like to adjust and click into it in the theme editor to pull up its settings.
Step 3: Locate the Advanced settings where you'll see the CSS Class field:
Step 4: In the CSS Class field, add the following class: is-hidden-desktop-only
Related Articles
Mobile Settings for Banner Images
Supported Versions: The details shared in this article apply to the Slideshow, Image with Text Overlay, and Video sections in the updated version of eComm Performance. The release of eComm Performance V6.2.0 has introduced new mobile-specific ...Header Settings in the eComm Performance Theme
Supported Versions: The details shared in this article apply to the updated version of eComm Performance. Setting up the Header The eComm Performance theme has a customizable 'Header' section. The Header has some built-in settings, including ...Rich Text and Image Section on the eComm Performance Theme
Supported Versions: The details shared in this article apply to the updated version of eComm Performance. Using Rich Text and Image The eComm Performance theme includes a 'Rich Text and Image' section that allows you to add a content block to your ...Using Custom CSS Within the Shopify Theme Editor
Supported Versions: The details shared in this article apply to the updated version of eComm Performance. Using the Custom CSS Feature Within the Theme Editor (Customize), the eComm Performance theme allows you to add components and sections ...Collection Page Sidebar on the eComm Performance Theme
Supported Versions: The details shared in this article apply to the most updated version of eComm Performance. Using the Collection Page Sidebar eComm Performance's Collection pages has the ability to display a 'sidebar' on the collection page. ...