Hide the Bold Motivator Bar on the Home Page

• Bold Motivator
• All Versions
• Basic CSS knowledge required
• 10 Minutes

To hide the Bold Motivator banner on the home page, please follow these steps:

1. From Shopify's admin, select Online Store.

   

2. Select Actions.

   

3. Select Edit code.

   

4. Under "Templates", select index.liquid.

   

5. Copy and paste this CSS at the top of the file:

   <style>
   .shappify-motivator-slider {
      top: -400px !important;
      position: absolute !important;
   }
   </style>

   

6. Select Save.

   

That's it!

Next Steps:

• Change Motivator's Display Settings
• Add a Checkmark to the Message when the Goal is Reached
• Handle Customers from Different Countries