Hide the Bold Motivator Bar on the Home Page

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

Overview

You can hide the Bold Motivator banner on your homepage by making a simple adjustment in your theme files. Alternatively, you can completely hide the banner.

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.

   

Helpful Links:

• Hide the Bold Motivator Bar
• Change Motivator's Display Settings
• Create a Bold Motivator Goal