BlogTema DiviModifica larghezza del contenuto sui cellulari

Modifica larghezza del contenuto sui cellulari

Cellulare smartphone e tablet sulle mani

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:

Aggiunta codice CSS a Divi

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; } }

In questo caso, ho impostato la larghezza al 90%, il che offre un sito più ampio sui cellulari, con meno margine su entrambi i lati. Ovviamente puoi cambiarlo a piacimento, magari usare 95% o 85% invece di 90%. Fammi sapere se questa guida ti ha aiutato lasciando un commento qua sotto.

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.