Hide the Bold Motivator Bar on the Home Page

Laurel

Published: January 16, 2015 22:15

Last Updated: July 27, 2021 17:35

Bold Motivator
All Versions
Basic CSS knowledge required
10 Minutes

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

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.

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.