Javascript broken in Twenty Twenty One

Without a link to the site, it is difficult to help you. If you don’t want to share it, contact the support of the service provider who provides you with the form script. Ultimately, it is their styles that are decisive here.

Hi, thank you.

You can see the problem here – https://www.orientalnimedicina.cz/aa/

The content of the entire pages (starting with Objednávka as headline up to the form) is integrated from an external page via iframe. This external page, called simpleshop.cz, is responsible for any display. The WordPress theme cannot influence this. You must therefore contact the support of the website whose content you are embedding here.

OK, i did this, awaiting response. But when I tried to use this form (script) on my other website with difference WordPress template, form was displayed correctly.

I was discussing about this problem with support and they told me, that javascript code is OK and the bug with displaying form on mobile phone is in template. ??

Mobile I can see the form without any problems – but it seems to be cut off above a certain height. I assume this is what you mean? The reason is that the iframe is set to a maximum height. This in turn is caused by the JavaScript function twentytwentyoneResponsiveEmbeds() included in the theme and apparently not set on every mobile device. You could override what this function does with the following CSS:

body iframe { max-height: 100% !important; }

Thank you very much. It works great!