Top

Add to Cart and Add to Subscription Buttons are not Lined Up

Depending on your theme's style settings you might end up with "add to cart" and "add to subscription" buttons on top of each other instead of beside each other, like this:

Image1_Before.JPG

To have the buttons appear next to each other, follow these steps:

  1. From "Shopify Admin", select Online Store.
  2. Select ...
  3. Select Edit HTML / CSS.
  4. Under “Assets”, select your theme’s main css file.

    Note: This will vary by theme and could be something like theme.scss.liquid.

  5. Find the .product-form__cart-submit class and add these styles to it:
    float: left;
    margin-right: 5px;
  6. Select Save.

That’s it! 

Have more questions? Submit a request