-
fazzappAsked 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 ?
-
Gustavo_HReplied 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 {
width: 50% !important;
}}
Nos deixe saber se isso resolveu a questão.
Atenciosamente, 😀
-
fazzappReplied on March 24, 2021 at 2:06 PM
Maravilha amigo, funcionou perfeito !
Muito obrigado !