Joomla.it Forum

Joomla! 3 => Joomla! 3 => : Massimo Rossi 28 Oct 2019, 09:22:40

: [RISOLTO] calendario google non responsive su smartphone
: Massimo Rossi 28 Oct 2019, 09:22:40

Buongiorno a tutti,
ho questa pagina del mio sito https://www.tenshin.it/calendario (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.

: Re:calendario google non responsive su smartphone
: baronepiovasco 28 Oct 2019, 15:14:49

Ciao Massimo

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

:

<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:

:

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

: Re:calendario google non responsive su smartphone
: Massimo Rossi 28 Oct 2019, 23:35:27

Grazie!
Funziona alla perfezione.