Come aumentare larghezza del sito Divi su mobile con CSS
Soluzione
Il tema Divi ha un’opzione per cambiare la larghezza del “contenuto” del tuo sito su desktop (ovvero larghezza delle righe). L’impostazione predefinita è 1080px ma questo non vale per tablet e cellulari per cui abbiamo una larghezza di default impostata all’80%.
Se vuoi cambiarla dovrai usare un codice CSS che sovrascriverà l’80% della larghezza del contenuto predefinita di Divi sui dispositivi mobili:
/*** AUMENTA GRANDEZZA SU MOBILE ***/
@media only screen and (max-width: 980px) {
.et_pb_row {
width: 90% !important; /*** you might need !important ***/
}
}
In questo caso, ho impostato la larghezza al 90%, che offre un sito più ampio sui dispositivi mobili, con meno margine su entrambi i lati. Ovviamente puoi modificarlo in base alle tue esigenze, ma io personalmente lo uso su tutti i miei siti.
Spero che questo post sia stato utile e tu abbia trovato una soluzione. In caso contrario, lascia un commento qua sotto e faccelo sapere!