i am having the same issue i had to delete my page and start over the script takes over the whole page allowing notthing to be seen other than the booking stuff. i am not sure why there code does not stay in the container but we will not be able to use it until this is fixed.
The embed appears to be loading into an iframe that does not fully expand to the height of its contents. If I want to display the complete contents of the square widget, I have to manually force the iframe to expand to the height of its contents. This is pretty inconvenient and doesn't allow for easy integration into an existing design.
<div style="width: 75%; height: 75%; margin: 50px auto; padding-top: 20px; padding bottom: 30px;"><!-- Start Square Appointments Embed Code -->
<!-- End Square Appointments EmbedCode --></div>
This tiny bit of code fixed the problem with the bottom disappearing. My margins reflect the design, so you may want to change them.
Even when I fixed the spacing, the best decision was to use a button and go to square for booking my client. The problem I still have is that the font size is not behaving responsively on smaller screens from the embed. Is the widget font size supposed to be responsive? What did I miss? Please help.
I copied and pasted the EMBED code, and this is how it looks when I preview my Wordpress page:
@hollylac have you reached out to any Support Team yet?
You might need to reach out to Wordpress directly to get their insight on why this might be happening.
It sounds like you're doing everything right on the Square side of things.