Vous souhaitez augmenter la largeur des colonnes mobile du thème Divi sur WordPress ? Nous avons la solution :
Divi : Taille plus large sur mobile et smartphone
Il vous suffit d’ouvrir les options de Divi dans le menu gauche du dashboard de WordPress puis :
- Divi
- Options du thème
- Allez en bas de page
- Personnaliser CSS
- Puis coller les lignes de code ci-après
- Sauvegarder les changements
- Pensez à vider votre cache si vous avez un plugin de cache.
Désormais votre site web en version mobile affiche une largeur de 90% contre 80% auparavant.
Code à ajouter
@media only screen and (max-width: 980px) {
#top-header > .container,
#main-header > .container,
#et_search_outer > .container,
body.single #main-content > .container,
body.page div.et_pb_row,
body.page div.et_pb_row.et_pb_row_fullwidth {
width: 90% !important;
}
}
#top-header > .container,
#main-header > .container,
#et_search_outer > .container,
body.single #main-content > .container,
body.page div.et_pb_row,
body.page div.et_pb_row.et_pb_row_fullwidth {
width: 90% !important;
}
}
English
Would you like to increase the width of the mobile columns of the Divi theme on WordPress? We have the solution:
Divi: Width size columns on mobile and smartphone
Just open the Divi options in the left menu of the WordPress dashboard and then:
- Divi
- Theme options
- Go to the bottom of the page
- Customize CSS
- Then paste these lines of code
- Save changes
Remember to empty your cache if you have a cache plugin.
Now your mobile website is 90% wide compared to 80% before.
Code
@media only screen and (max-width: 980px) {
#top-header > .container,
#main-header > .container,
#et_search_outer > .container,
body.single #main-content > .container,
body.page div.et_pb_row,
body.page div.et_pb_row.et_pb_row_fullwidth {
width: 90% !important;
}
}
#top-header > .container,
#main-header > .container,
#et_search_outer > .container,
body.single #main-content > .container,
body.page div.et_pb_row,
body.page div.et_pb_row.et_pb_row_fullwidth {
width: 90% !important;
}
}