Escolha Única: como manter as opções em duas colunas no celular?

  • Profile Image
    melobob
    Asked on March 24, 2021 at 11:00 AM

    Outra coisa, em outros locais onde estou usando esse mesmo recurso de escolha única onde só tem duas opções, eu configurei para "espalhar para colunas = 2 colunas" mas quando testo no celular elas se mostram juntas, uma em cima da outra.

    Percebo que para celular ele não respeita essa configuração. Teria uma forma de forçar isso ? Porque quando tem apenas duas opções, fica muito mais estético o espalhamento, concorda ?

  • Profile Image
    Gustavo_H
    Answered on March 24, 2021 at 11:38 AM

    Olá, Carlos.


    Creio que sim, na minha opinião estaria bem no celular as opções em duas colunas desde que essas opções tenham quase a mesma quantidade de texto e que não tenham muito texto, já que isso levaria a muitas linhas de leitura. Para colocar suas opções em duas colunas no mobile, por favor, insira o código CSS abaixo no seu formulário.

    @media screen and (max-width: 480px){

    .form-multiple-column[data-columncount="2"] .form-checkbox-item, .form-multiple-column[data-columncount="2"] .form-radio-item, .form-multiple-column[data-columncount="3"] .form-checkbox-item, .form-multiple-column[data-columncount="3"] .form-radio-item, .form-multiple-column[data-columncount="4"] .form-checkbox-item, .form-multiple-column[data-columncount="4"] .form-radio-item, .form-multiple-column[data-columncount="5"] .form-checkbox-item, .form-multiple-column[data-columncount="5"] .form-radio-item {
       width50% !important;

    }}


    Nos deixe saber se isso resolveu a questão.


    Atenciosamente, 😀

  • Profile Image
    melobob
    Answered on March 24, 2021 at 02:06 PM

    Maravilha amigo, funcionou perfeito !

    Muito obrigado !