You can align the SmartSize button to the left, center, or right of your product page to better fit your store’s layout and design.
Step 1: Access the Horizontal Position Settings
In Shopify admin, go to Apps → SmartSize → Settings.
Select Button horizontal position under the Size chart button section. This will automatically open your theme editor in the right location
Step 2: Adjustments in Theme Editor
-
Under Button alignment, choose where you want the button to appear:
Left – Aligns the button with product text or titles.
Center – Places the button symmetrically below the product details.
Right – Aligns the button with right-side content or add-to-cart area.
You can set separate alignments for Desktop and Mobile.
Click Save in the top-right corner.
Important: in case this section is not visible, you can always view it by clicking on the chevron (v)to the left of SmartSize icon.
Step 4: Preview in Your Store
Open a product page in your live store.
Confirm the button aligns correctly with your design on both desktop and mobile.
Important Notes
The horizontal position only affects the inline button layout.
If your button is in Floating mode, its placement can only be managed via custom CSS.
-
Some Shopify themes may override alignment settings with custom CSS. If the button doesn’t move, check for conflicting theme code or contact support.
Need Help?
If you have questions, contact our support team at team@smartsize.io