Sélectionner une page
Wordpress : Augmenter la largeur des colonnes Divi sur mobile 11

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) {
.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row, .et_pb_pagebuilder_layout.single.et_full_width_portfolio_page #page-container .et_pb_row {
width: 90%;
}
}

Pour nos amis anglais

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) {
.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row, .et_pb_pagebuilder_layout.single.et_full_width_portfolio_page #page-container .et_pb_row {
width: 90%;
}
}