How to Set Your Popup Width to a Specific Percentage (e.g., 50%, 60%, 70%)

If you want to set your popup to 50% width of your desktop (or any other value), follow these simple steps:

Step 1: Locate your theme's CSS file:

• • Go to your Shopify Admin.
  • Navigate to Online Store > Themes and click Actions > Edit code.
  • Look for your main CSS file (commonly named styles.css or theme.css).

Step 2: Add custom CSS for the popup:

• • Find the appropriate section in the CSS file or scroll to the bottom to add your custom styles.
  • Add the following code:

    #smartsize-dialog {  
        min-width: 50%;  
    }  
    

Step 3: Save your changes:

• • • Click Save in the top-right corner to apply the updates.

Step 4: Preview your changes:

• • • • Refresh your storefront to ensure the popup width is now set to 50%.

Need help?

If you’d prefer us to make this adjustment for you, email us at [e-mail], and we’ll be happy to assist.

Example of a size chart aligned to the left with width 50% of desktop.