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.

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

  1. From "Shopify Admin", select Online Store.

    Online Store

  2. Select Actions.


  3. Select Edit code.

    Edit code

  4. Under "Assets", select your theme's main CSS file.

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

    select your main css file

  5. Find the:


    class and add these styles to it:

    float: left;
    margin-right: 5px;

    add 2 classes

  6. Select Save.

    select save

That's it! 

Next Steps:

Blog Posts: