Xboost

How do I make the sticky add to cart bar smaller?

Overview

The height of the sticky bar comes from what it shows and the size of its texts. Each item you turn off makes the bar shorter, especially on mobile.

Steps

  1. In the app menu, click Sticky Add To Cart.
  2. Under Design, click Mobile (or Desktop).
  3. Clear the items you do not need:
    • Countdown Timer Bar removes the message line above the bar.
    • Product image, Product star rating, Compare price and Discount tag remove product details.
    • Variant selector and Quantity selector remove the selectors. Select Combine variant option instead to show one variant list rather than one list per option.
  4. Open Body and lower the sizes under Text size. Open Announcement to lower the countdown sizes.
  5. Check the preview, then click Save in the bar at the top of the page.

Layout options for each device with the display checkboxes

For finer control, such as less padding, add CSS in Custom CSS at the end of Design. Type a dot (.) to see the class names of the bar, or click Show list.