My site www.tonicpilates.com.au is not mobile responsive. I have put the following in styling options <iframe src="http://client.bookingsessential.com/classes.aspx?CompanyId=77" name="I1" width="100%" height="800"></iframe> <br /> <script type="text/javascript"> //The following detects screens less than 600px(i.e Mobile devices) and redirects to the fullsize page window.onresize = function resize() { BreakOutToFullScreen(); } BreakOutToFullScreen(); function BreakOutToFullScreen() { var htmlwidth = document.documentElement.clientWidth; if (htmlwidth <= 600) { document.location = "http://client.bookingsessential.com/classes.aspx?CompanyId=77"; } } </script>
Hello, Greetings from InkThemes! I would like to inform you that you are using the wrong place to put that iframe code... You are not supposed to put any code except CSS code in styling option... Please let me know the concerned area with some edited screenshot where you want to reflect above code so that I can provide you a right solution accordingly. If you are unable to create screenshots then you can use www.screenpresso.com that will help you to create screenshots. Looking forward to your reply. Thanks & Regards! Priyanka InkThemes.com
Thanks Priyanka, that code was supplied by the developer who designed the booking system. Where do I put that code to make the website responsive? Many thanks Liz
Hello Liz, Please follow the screenshot given below. Hope it will resolve your issue Do let me know if you need more assistance, Thanks & Regards! Priyanka InkThemes.com
