Popup Overlay Issue

Because of how many themes there are in the ecosystem, we can't always guarantee integration with your theme off the bat.

You might run into an issue like the below, where the products in the bundle overlay the screen when you open up a product popup using the "View" button:

Luckily, there is an easy fix for this:

Go to your Shopify admin.
Head to Online Store > Themes > Edit Code
In the code editor, click through to theme.liquid on the left hand side. This will open the general liquid code for your theme.
Most themes will have all the code nestled within the <body></body> tags. Copy and paste the below code right before the closing </body> tag and Save Changes.

<!-- Bundable Code Start -->
  {% if request.path contains 'bundle-builder' %} 
<style> 
.bundler-modal-open #bdlr__bundle-widget {
    padding-top: 15px;
    position: relative;
    z-index: 11111;
}
.enoble_modal {
    background: rgba(0,0,0,0.95);
}
.bundler-modal-openr .sticky {
    z-index: -1;
}
.bundler-modal-open .product-card {
    position: static !important;
}
.product-card .btn {
    min-width: auto;
    margin: 0;
    padding: 15px 12px;
}
</style> 
{%endif%}
<!-- Bundable Code End --