Jump to content

Adding bootstrap libraries causes page to resize smaller

Recommended Posts

Site URL: https://www.automationfinance.com/invest-now-form-for-testing

Hi everyone,

I'm trying to add the following js and css libraries so I can display a third party modal form:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/3.0.5/daterangepicker.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.10/jquery.mask.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.3/js/intlTelInput-jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.3/js/intlTelInput.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.3/js/utils.js"></script>

After I added these to the header section (either sitewide or on a specific page), the form actually works as intended, however the page resized smaller (page header and footer are fine). Do you know what could be causing this and is there any way to fix it?

Attached is a screenshot of how the page looks like after I inject the code to the page header.

 

Thank you so much for your help!

 

Bootstrap issue screenshot.jpg

Link to comment
  • Replies 4
  • Created
  • Last Reply

Add to Home > Design > Custom CSS

body#collection-5e95ff26fd6e6f34e947ca33 main#page {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 6 months later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.