Responzivní google kalendář

Dobrý den,
prosím pěkně, můžete mi poradit, jak nastavím v článku responzivitu pro Google kalendář? Aby se dal kalendář přečíst i na mobilu.
Tohle je vygenerovaný kód  pro ten kalendář. Stačilo by tam něco dopsat?
<p><iframe src=" calendar.google.com/calendar/embed?heigh...&color=%23F4511E " width="900" height="600" style="border: solid 1px #777;" max-width:="100%&quot;&quot;" frameborder="0" scrolling="no"></iframe></p>

Odkaz na web:
www.roubenka-javor33.cz/volne-terminy

Zákazník si ve svém Google kalendáři pouze zaškrtne datum pro obsazeno. Víc nepotřebuje. Toto řešení naprosto vyhovuje, až na to zobrazení na mobilu.

Zkoušela jsem hledat nějaký plugin pro responzivní zobrazení iframe, ale nepomohla jsem si.
Moc děkuji.
Sylvie

Zkuste

<div class="gcalendar"><iframe src=" calendar.google.com/calendar/embed?heigh...&color=%23F4511E " width="900" height="600" style="border: solid 1px #777;" max-width:="100%" frameborder="0" scrolling="no"></iframe></div>

do css

Nezkoušel jsem, ale obecně na iframe např Vimeo funguje.

Další možností je použít nějaké rozšíření z JED  Search (joomla.org) . Ale spousta jich dělá jen něco podobného co vám radí příspěvek výše
 

Linelabcz napsal:

Nezkoušel jsem, ale obecně na iframe např Vimeo funguje.

To je kvůli zachování poměru stran u videa, to je  pro kalendář spíš nežádoucí. Mělo by stačit to max-width. tzn. 

Jen může dojít k přetečení obsahu na výšku, objevil by se scrollbar. 
Nejrozumnější by asi bylo šáhnout po hotovém řešení, jak píše Bong.

Moc všem děkuji, vyzkoušela jsem radu od Linelab a zdá se to vyhovující ♥ viz screen...
 

Zkuste ještě  upravit výšku divu na
Nejdou při menších rozlišeních vidět všechny dny v měsíci.