Hide the Bold Motivator Bar

Created by Brett Mikulik, Modified on Fri, 04 Nov 2022 at 12:38 PM by Brett Mikulik


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.


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.


  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?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article