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, please follow these steps:

  1. From Shopify's 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:

1 out of 2 found this helpful



Please sign in to leave a comment.