[RISOLTO] calendario google non responsive su smartphone

[Massimo Rossi]

Buongiorno a tutti,
ho questa pagina del mio sito https://www.tenshin.it/calendario, che su desktop visualizza bene,
quando la apro da smartphone, il calendario di google mi finisce fuori schermo sulla parte destra
e non è visibile. Ho provato in diecimila modi, ma non riesco a risolvere.
Qualcuno ha un suggerimento, o può consigliarmi qualche modulo/plugin che possa aiutrami?


Sperando di essere stato sufficientemente chiaro, grazie.

[baronepiovasco]

Ciao Massimo

Racchiudi l'iframe in un div con classe "CalendarioResp":

Codice: [Seleziona]

<div class="CalendarioResp">
<iframe src="https://calendar.google.com/calendar/embed?src=centrotenshin%40gmail.com&ctz=Europe%2FRome" style="border-width:0" width="800" height="600" frameborder="0" scrolling="no"></iframe>   
</div>
Poi nella personalizzazione css inserisci:

Codice: [Seleziona]

.CalendarioResp {
 
position: relative; padding-bottom: 75%; height: 0; overflow: hidden;
 
}
 
.CalendarioResp iframe {
 
position: absolute; top:0; left: 0; width: 100%; height: 100%;
 
}

[Massimo Rossi]

Grazie!
Funziona alla perfezione.