Modifica larghezza del contenuto sui cellulari
![Cellulare smartphone e tablet sulle mani](https://dividesignstudio.com/wp-content/uploads/2021/03/modifica-larghezza-cellulari-1024x683.jpg)
Il tema Divi viene fornito con un’opzione per impostare la larghezza del “contenuto” del tuo sito. Ciò ti consente di scegliere la larghezza del contenuto del tuo sito (l’impostazione predefinita è 1180px). Tuttavia, non esiste un’opzione equivalente per impostare la larghezza del contenuto sui cellulari. Nelle impostazioni del modulo di riga Divi, di default per i cellulari il tuo layout è fissato all’80% di larghezza. Il seguente CSS sovrascriverà la larghezza del contenuto predefinita dell’80% di Divi sui cellulari:
Post correlato: come aggiungere codice CSS al tema Divi
![Aggiunta codice CSS a Divi Aggiunta codice CSS a Divi](https://dividesignstudio.com/wp-content/uploads/2020/12/aggiungi-css2.jpg)
Il seguente CSS sovrascriverà la larghezza del contenuto predefinita dell’80% di Divi sui cellulari:
@media only screen and (max-width: 980px) { #top-header > .container, #main-header > .container, #et_search_outer > .container, body.single #main-content > .container, body.page:not(.et-tb-has-template) div.et_pb_row, body.page.et-tb-has-template .et-l–post div.et_pb_row, body.single-project div.et_pb_row, body.single-project div.et_pb_row.et_pb_row_fullwidth { width: 90% !important; } }