Product Builder is Stretched from Side to Side

 Caution

As of February 19th, 2021, Product Builder is unavailable for new installations. If you are currently using Product Builder, you will be able to continue using the app as your account will now be grandfathered.

Overview

After installing Bold's Product Builder, it may appear stretched to the full width of the page.

Our recommended fix for this issue can be applied to either 1 individual Product Builder product, or be applied globally to all of your Product Builder products.

Please select one of the options below for more information.

 


 

  1. From the Shopify admin, select Apps.
  2. Select Product Builder.
  3. Select Edit Product next to the Product Builder you want to adjust.

    Select Edit Product

  4. Select Customize Selected Theme.

    Select Customize Selected Theme

  5. Copy and paste the following code at the bottom of the Customize Theme CSS field:
    /* =============================
    Full-Width Fix
    ============================= */
    .shappify_product_builder {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    }

    copy and paste the CSS

  6. Select Save.
  1. From the Shopify admin, select Apps.
  2. Select Product Builder.
  3. Select Display Settings.

    Select Display Settings

  4. Copy and paste the following code into the Page Header HTML field:
    /* =============================
    Full-Width Fix
    ============================= */
    <style>
    .shappify_product_builder { width: 80%; margin-left: auto; margin-right: auto; }
    </style>

    Page Header HTML

  5. Select Save.
Was this article helpful?
1 out of 1 found this helpful