Mobile CSS Classes

Missing feature?

If there is a feature or option you feel is missing, feel free to get in touch! We’ll do our best to include it in the future Divi Toolbox version!

Maybe you’ve found a plugin setting that is not included in our documentation – please let us know.


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.


Add this class to the Row Settings to switch the order of columns on 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.


Add this class to any element to prevent words wrapping to a new line. It will aplly to element and all its children.



Add this class to the Text Module settings to center-align the text on mobile in that module (deprecated).


Add this class to any Module to center-align it on mobile (deprecated).


Add this class to the parent container – Row or Section – to center any Button Module within that parent on mobile (deprecated).

Hi there!

If you have any questions or would like to get in touch, please fill the form below and we’ll get back to you as soon as possible.

Did you know?

You can create popups and effects like this one with Toolbox! It's so easy!

Ahhh yes!

You officially know the power of the irresistible 3D Button :D

You can easily design Popups like this one using Toolbox and Divi Builder!

Did you know?

Do you like this landing page? Does it look pretty advanced? Well, guess what! We didn’t use even a tiny bit of custom CSS or JavaScript to build it. All the awesome effects have been created using the Divi Toolbox!


Choose the plan to suit your needs