Divi Toolbox ➜ Mobile ➜ Useful CSS Classes
The Divi Toolbox adds CSS snippets which will allow you to modify some elements on mobile. The custom CSS classes can be added to any element (section, row, column, or module) – and if the class is specific to an element, it will be noted in the class description.
reverse-columns-mobile
Add this class to the Row Settings to switch the order of columns on mobile.
word-break-mobile
Add this class to any element to add hyphens, when word reaches the end of line. It will aplly to element and all its children.
no-word-break-mobile
Add this class to any element to prevent words wrapping to a new line. It will aplly to element and all its children.
txt-center-mobile
Add this class to the Text Module settings to center-align the text on mobile in that module (deprecated).
module-center-mobile
Add this class to any Module to center-align it on mobile (deprecated).
btn-center-mobile
Add this class to the parent container – Row or Section – to center any Button Module within that parent on mobile (deprecated).
