Sélectionner une page


Dans ce tutoriel, je vais vous montrer comment le faire Gardez les colonnes mobiles dans Divi. En bref, nous allons le concevoir de manière à ce que les colonnes des tablettes et des téléphones restent côte à côte plutôt que de s’empiler les unes sur les autres comme elles le font normalement.

Effet super pratique pour des éléments tels que des symboles, des présentations, des logos, des images ou d’autres éléments qui ne doivent pas être empilés les uns sur les autres pour les téléphones portables. C’est également un excellent moyen de réduire le défilement sur les appareils mobiles! Cet effet peut être utilisé de différentes manières sur un site Internet Divi. Bien que je trouve préférable de l’utiliser sur les colonnes qui sont sur une ligne, car la classe que nous ajoutons dans le didacticiel contrôle TOUTES les colonnes de ce module.

Étapes pour empêcher votre Columns Divi de s’introduire sur mobile:

  1. Ajoutez une classe à la ligne Row> Advanced CSS (par exemple, « trois colonnes »).
  2. Ajoutez la classe à votre feuille de style ou à votre zone CSS personnalisée
  3. Ajoutez .et_pb_column après la classe
  4. Ajustez cela en conséquence (comme la largeur: 33,33%! Important pour 3 colonnes sur les appareils mobiles)
  5. Vous devez également le mettre dans une requête multimédia pour vous assurer de ne pas personnaliser la version de bureau (voir le code ci-dessous).

Et c’est tout! Trop facile. Et encore une fois, vous pouvez l’ajouter à toutes sortes d’éléments dans Divi. Images, champs de texte, symboles, présentations et plus encore!





Source link

Recent Posts