The size chart width setting controls how much space your size chart occupies on desktop screens. Adjusting this helps you match the chart to your store’s design and ensure customers have a comfortable viewing experience.
Prerequisites
-
A size chart created (open any chart to edit)
Step 1: Access the width settings
- In the editor, scroll to the Size chart width on desktop section.
- You will see multiple width options represented by icons.
Step 2: Choose a width option
Select the option that best fits your store layout:
- Mini – very narrow display, best for simple charts or minimal designs
- Extra small – compact, keeps the chart light and unobtrusive
- Small – balanced width, suitable for most stores (default)
- Medium – wider display, ideal for larger tables
- Large – almost full-width, great for detailed charts with many columns
- Maximum – full-width display, for charts that need maximum space
Step 3: Preview the result
Important: This setting cannot be previewed in the preview panel. The results can only be seen in the live size chart in your store. As such you will need to link it to a product and set the status to Active before viewing it.
Expected Result
Your size chart will appear at the chosen width on desktop devices. Customers can view the table comfortably, whether it’s a compact chart or a wide, detailed layout.
Additional Information
- Width settings apply only to desktop. On mobile, the chart automatically adjusts for readability.
- For stores with multiple charts, you can set different widths for each template.
- If your chart has many columns, choose Large or Maximum to prevent cramped layouts.
- For simple tables with few values, Mini or Small provides a clean look.
Troubleshooting
- Chart looks too narrow: switch to a wider option such as Medium or Large.
- Chart appears too wide for your theme: try Small or Extra small to better fit the page design.
- Changes not showing: confirm you clicked Save and that the chart is linked to the correct product or collection.
Need Help?
If you have questions, contact our support team at team@smartsize.io