am creating a responsive website using media queries.
My client has given me a code snippet to embed his appointment / booking system into the website.
This uses an iframe to display a booking button that when clicked opens a popup with the appointment options.
The problem i am trying to get around is:
How can i make this work when the page is viewed on a mobile?
i have added the booking button in the centre of this temporary webpage:
when i tested my self on my mobile: the popup goes of the screen and creates horizontal scrolling.
is there a way of making the website change its zoom level when the user clicks the button so it doesn't go off the screen? or some other way around this?
The button will be on every page.