Footer Cuts Off in Bundle Page

When you install Bundable, and access your bundle page - you may see that your footer cuts off and no longer spans the complete width of your page. See below example:

View .png attachment

The reason this happens is because your footer gets wrapped in the styling of the bundle page container, and ultimately takes the width designated by the bundle widget.

Fixing Footer Width in Bundle Page

  1. Go to your Shopify admin.
  2. Head to Online Store > Themes > Edit Code
  3. In the code editor, click through to theme.liquid on the left hand side. This will open the general liquid code for your theme.
  4. 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.

You can customize the padding-left px value to whatever best suits your design needs.

{% if request.path contains 'bundle-builder' %}
  <style>
    body #PageContainer {
      max-width: inherit;
      padding: 0;
      margin: 0 auto;
    }
  </style>
{%endif%}

Still need help? Contact Us Contact Us