Okay
  Public Ticket #2021062
Posizione price box in visualizzazione mobile
Closed

Comments

  • Andrea started the conversation

    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

  •  240
    Elena replied

    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.

  • Andrea replied

    Ciao Pasquale, ho inserito il tuo CSS (inserendo .column is-4 che nel mio sito è il price-box), ma rimane tutto come prima.

  •  240
    Elena replied

    Perdonami, errore di battitura, il codice dovrebbe essere:

    .column.is-4 e non .column is-4

    Saluti

  • Andrea replied

    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?

  •  240
    Elena replied

    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.


  • Andrea replied

    Ottimo, adesso tutto ok.
    Grazie

    Andrea

  •  240
    Elena replied

    Perfetto!

    Saluti, P.