Is the iframe on a webpage causing the sidepush navigation to not work?

See more:

PHP

CSS3

IFrame

Webpage: http://www.freedomcreativesolutions.com/our-services/printing-services/business-cards/winston-salem-fcs-quick-turn-around-business-cards/

Problem: This site is attempting to become ecommerce. They are doing a partnership with a company who offered them iframe links to their product calculators. However upon implementing these iframes unto these pages, I've found that the sidepush navigation on the top right corner of the screen doesn't seem to be working anymore. I've also found that whenever I get rid of the iframe, the navigation starts working again. It is like this throughout the site. Why is this happening? And what do I need to do in order to fix it?

Solution I am expecting: I want to be able to implement the iframes unto the webpages and still have the sidepush navigation working.


Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.

What I have tried:

Solutions I have tried: changing the iframe settings such as height, scrolling effect Asking about the back end component from those who gave the iframe. Their experts say that none of their other customers are having this problem

Extra findings: When inspecting in developer tools, I notice this message in the console: