Lightbox causing errors on page

I'd like to implement a lightbox on some of the pages of my site. However, when I add the code, the page is not loading correctly. I assume there is some type of conflict but I am not sure how to resolve this.

You can see what the page SHOULD look like (this page does not have the lightbox code).

goo.gl/S14F5v

And here is what happens WITH the lightbox code. Notice the formatting issues, footer not loading correctly, etc... that appear.

goo.gl/WyRpxq

The code I am using is:

I have checked the second web page link and see that the Lightbox is displaying correctly at my end. Please see the screenshot below:

It looks like that we have experienced a temporary issue with the lightbox and it seems that the issue is now resolved now. Please check at your end and let us know if you are still experiencing the issue. We will be happy to assist you further. 

The lightbox displays correctly. However, that's not the problem. The problem is that it makes the web page load incorrectly. Close the lightbox and then compare the 2 links side by side...you'll see what I mean.

Also, I don't know why the title says "lightbox not opening". That wasn't my original title, and it's not reflective of the problem I am experiencing. Thanks!

It seems that the form light-box script is conflicting with the other scripts on your WordPress web page. Did you check if the web page is loading normally after removing the form embed code? Could you also check with any other plugins that are conflicting with the form scripts?

As I check the browser console, it looks like that the-grid plugin and custom javascript in the template are getting conflicted. Could you try disabling the plugin and see if that helps?

Let us know if you need any further assistance. We will be happy to assist.  

 Did you check if the web page is loading normally after removing the form embed code?

Yes, when the lightbox code is not there, the page loads as it should.

What would the solution be to keep the-grid from conflicting with the lightbox code? I can't disable the-grid, I need that to work too.

Could you try removing the number 2 from feedback2.js in the form embed code which should be displaying as shown below?

<script src="https://form.jotform.com/static/feedback.js?3.3.REV" type="text/javascript">

var JFL_62946046071961 = new JotformFeedback({

formId: '62946046071961',

base: 'https://form.jotform.com/',

windowTitle: '506c Accredited Confirmation DahnAmerica',

background: '#FFA500',

fontColor: '#FFFFFF',

type: 'false',

height: 500,

width: 700,

openOnLoad: true });

</script>

This should be loading our prototype version of the lightbox, instead of the JQuery version of lightbox that feedback2.js is loading.

Please give it a try and let us know if the issue still persists. We will be happy to assist. 

thanks for that tip. I will give this a try and report back.