Move the Bold Motivator Banner to the Bottom

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


If you have important information already displayed at the top of your page on your storefront, you may want to move the Bold Motivator bar to the bottom of the page. This can be easily accomplished with a bit of CSS code.


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 {

    Under Step 6 Custom CSS, copy and paste the CSS 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