Supported Versions: The details shared here apply to the most recent version of eComm Performance. 

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