Comments Andrea started the conversationMay 22, 2019 at 7:59pmBuonasera, ho una domanda da farvi. In versione mobile il price box va in fondo alla pagina, nel mio caso anche dopo il modulo di prenotazione.C'è un modo per portarlo in cima? Per una vendita è sempre meglio sapere prima il costo che trovarselo dopo aver prenotato.Grazie molteAndrea 240Elena repliedMay 23, 2019 at 8:07amCiao Andrea,Puoi aggiungere del CSS in Additional CSS, per esempio:@media screen and (max-width: 768px) { .single-room .site-content .column is-8 { order: 1; }}Saluti, P.Andrea repliedMay 23, 2019 at 10:00amCiao Pasquale, ho inserito il tuo CSS (inserendo .column is-4 che nel mio sito è il price-box), ma rimane tutto come prima. 240Elena repliedMay 24, 2019 at 6:48amPerdonami, errore di battitura, il codice dovrebbe essere:.column.is-4 e non .column is-4SalutiAndrea repliedMay 24, 2019 at 9:52amSono ancora a disturbarti, neanche l'ultima soluzione funziona. Ho provato il media screen con il colore di sfondo e funziona. Con le colonne no...Hai altre idee? Magari nascondere la colonna in mobile e fare vedere un altro blocco in cima all'altra colonna (la 8) sempre in mobile? 240Elena repliedMay 25, 2019 at 8:05amCiao Andrea, Si hai ragione, è necessario aggiungere dell'altro. Questo dovrebbe funzionare:@media screen and (max-width: 768px) { .single-room .site-content .columns { display: flex; flex-direction: column; } .single-room .site-content .column.is-8 { order: 1; }}Saluti, P.Andrea repliedMay 25, 2019 at 1:17pmOttimo, adesso tutto ok.GrazieAndrea 240Elena repliedMay 26, 2019 at 10:59amPerfetto!Saluti, P. Sign in to reply ...
Buonasera, ho una domanda da farvi. In versione mobile il price box va in fondo alla pagina, nel mio caso anche dopo il modulo di prenotazione.
C'è un modo per portarlo in cima? Per una vendita è sempre meglio sapere prima il costo che trovarselo dopo aver prenotato.
Grazie molte
Andrea
Ciao Andrea,
Puoi aggiungere del CSS in Additional CSS, per esempio:
@media screen and (max-width: 768px) {
.single-room .site-content .column is-8 { order: 1; }
}
Saluti, P.
Ciao Pasquale, ho inserito il tuo CSS (inserendo .column is-4 che nel mio sito è il price-box), ma rimane tutto come prima.
Perdonami, errore di battitura, il codice dovrebbe essere:
.column.is-4 e non .column is-4
Saluti
Sono ancora a disturbarti, neanche l'ultima soluzione funziona. Ho provato il media screen con il colore di sfondo e funziona. Con le colonne no...
Hai altre idee? Magari nascondere la colonna in mobile e fare vedere un altro blocco in cima all'altra colonna (la 8) sempre in mobile?
Ciao Andrea,
Si hai ragione, è necessario aggiungere dell'altro. Questo dovrebbe funzionare:
@media screen and (max-width: 768px) {
.single-room .site-content .columns { display: flex; flex-direction: column; }
.single-room .site-content .column.is-8 { order: 1; }
}
Saluti, P.
Ottimo, adesso tutto ok.
Grazie
Andrea
Perfetto!
Saluti, P.