Calendario inserito nel form mail in corpo pagina si apre nel footer in mobile e non in corpo pagina
Author: Giuseppe GuidaCiao, se vai a questa pagina (adattamento di un template acquistato da voi):
http://www.bozzasito001.altervista.org/barbershop01/appointments.html
e provi a selezionare da smartphone (ma anche tablet sicuramente) la voce "Scegli un giorno" dal form mail (N. B. sulla voce é inserito un calendario tramite le funzioni proposte da Website nelle impostazioni dell'oggetto), il calendario che dovrebbe aprirsi in "prossimità" del form mail per dare la possibilità al cliente di selezionare una data, in realtà si apre molto in basso, addirittura oltre il footer, non risultando cosí visibile all'utente che sta inserendo i dati. Grazie per l'attenzione.
P.S. Non sono al PC ora ma riflettendoci forse potrebbe dipendere dall'altezza della pagina che non riesce a contenere il calendario che si apre cliccando su "Scegli un giorno". Poi provo, appena posso, ad aumentare l'altezza minima di tutte le pagine, compresa quella contenente il form mail "incriminato" e ti faccio sapere.
Author
NO, non dipende dall'altezza della pagina. Anche cn un'altezza enorme, il calendario finisce sempre al di sotto del footer a fondo pagina e da mobile non risullta visibile se non scrollando fino in basso.
Author
Ho dovuto inserire questo codice extra per risolvere l'anomalia:
<style>
@media only screen and (max-width: 1024px) {
.date-picker {
position: absolute !important;
left: 10% !important;
}
}
</style>
Ora sulla bozza online vedrai regolarmente apparire il calendario a video anche alle risoluzioni inferiori quando clicchi nel form sulla voce "Scegli il giorno" (N.B. io ho modificato anche il margine sinistro per evitare inoltre che il calendario fosse tagliato a risoluzioni bassissime)
Il codice originario generato da Website X5 è questo visibile nello screenshot e, come si può ben capire, con quelle impostazioni per il responsive (position: relative;) è logico he il calendario finisse dopo il footer...
Author
Credo che la cosa sia comunque da segnalare agli sviluppatori. Grazie per l'attenzione.
Buongiorno Giuseppe,
ti confermo che ci era già stato riportata questa problematica ed è stata inviata al nostro team di sviluppo.
Grazie.
Author
Ok perfetto. Io comunque ho risolto perfettamente con la modifica che ho fatto al codice come ti ho scritto sopra. Ciao