Hide the Bold Motivator Bar

  1. Bold Commerce Help Center
  2. Motivator - Shopify
  3. Feature Guides & Customizations
Avatar
Brysen
Published: 
Last Updated: 
 Alert

Making styling changes within Bold Motivator requires knowledge of CSS. If you are not comfortable with completing this on your theme or have a different customization you would like to add, one of our partners could create this for you as a paid customization on your store. Please request this through HeyCarson via this form.

Overview

Bold Motivator allows you to style the bar using custom CSS settings. You can then use this styling to hide the bar from displaying on your storefront. This is useful if you want to surprise your customers with a free gift product.

You can also hide the Motivator bar solely on the home page.

Please follow these steps to hide the Motivator bar:

  1. From within the Motivator admin, select Display Settings.

    From Motivator's navigation bar, select Display Settings

  2. Under "Step 6 - Custom CSS", copy and paste this CSS code: 
    .shappify-motivator-slider {
display: none !important;
}

    Under Step 6 Custom CSS, copy and paste the CSS written in this article into the textbox

  3. Select Save.
Was this article helpful?
1 out of 1 found this helpful