WordPress : Augmenter la largeur des colonnes Divi sur mobile

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

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