BlogTema DiviCome aumentare larghezza del sito Divi su mobile con CSS

Come aumentare larghezza del sito Divi su mobile con CSS

Indice dei contenuti

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!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *


Divi Design Studio rende semplice l’evoluzione digitale di aziende ambiziose.

Mi occupo di Realizzazione, Restyling e Gestione Siti WordPress.

Menu

2024 © Divi Design Studio | P.IVA 04891580237 | Privacy Policy

Promozione esclusiva!

Risparmia sulla realizzazione o il restyling di un sito WordPress con l’esclusiva promozione di fine anno! Per tutto il mese di novembre e fino al 16 dicembre, Divi Design Studio ti offre uno sconto del 10% su tutti i servizi.