Move the Bold Motivator Banner to the Bottom

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.

 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

  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 {
    top:auto;
    bottom:0;
    }

    Under Step 6 Custom CSS, copy and paste the CSS in this article into the textbox

  3. Select Save.
Was this article helpful?
0 out of 0 found this helpful