Hide the Bold Motivator Bar on the Home Page

Laurel

Published: January 16, 2015 22:15

Last Updated: August 26, 2021 20:31

Bold Motivator
All Versions
Basic CSS knowledge required
10 Minutes

You can hide the Bold Motivator banner on your homepage by making a simple adjustment in your theme files. Alternatively, if you prefer to surprise your customers with a free gift, you can completely hide the banner.

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.

Setup

From Shopify's admin, select Online Store.
Select Actions.
Select Edit code.
Under "Templates", select index.liquid.

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

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

Copy and paste the CSS written in this article, into the top of the index.liquid template file

Select Save.