Top

Upsell Window Appears Half-Size

If the Product Upsell window is appearing much smaller than it should be, select the theme you are using and follow the steps in the accordion to fix the problem:

To add this code to your Symmetry theme, follow these steps:

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

    select online store 

  2. Select Actions.

    select actions 

  3. Select Edit HTML / CSS.

    select edit HTML/CSS 

  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 main css file 

  5. Look for this code around line 2586 of the css:
    .content iframe

    look for the iframe 

  6. Comment out the lines wrapping /* */ around them.

    comment out the line 

  7. Select Save.

    select save 

That's it!

To add this code to your Testament, Blockshop or Icon themes, follow these steps:

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

    select online store 

  2. Select Actions.

    select actions 

  3. Select Edit HTML / CSS.

    select edit HTML/CSS 

  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 main css file 

  5. Look for:

    iframe { width: 100%; }

    look for iframe 

  6. Comment out the line wrapping /* */ around the line, like this:
    /* iframe { width: 100%; } */

    comment out the code 

  7. Select Save.

    select save 

That's it!

To add this code to your Fluid theme, follow these steps:

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

    select online store 

  2. Select Actions.

    select actions 

  3. Select Edit HTML / CSS.

    select edit HTML/CSS 

  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 main css file 

  5. Look for this code around line 288 of the css:

    embed, object, video, iframe{max-width:100%;height:auto;}

    look for the embed css 

  6. Comment out the line wrapping /* */ around the line, like this:
    /* embed, object, video, iframe{max-width:100%;height:auto;} */

    comment out the line 

  7. Select Save.

    select save 

That's it!