Stack Divi Modules
Want to stack any Divi module side by side within a single column row?
It’s easy to do and only requires a few lines of CSS. This technique works with any module and you can even use a variety of module types within a single column row.
CSS FOR COLUMN SETTINGS INSIDE THE ROW
display: flex;
align-items: center;
justify-content: center;The above code should be placed inside the Main Element CSS Box in the Column Settings. To access column settings, first, go to the Row Settings, click on the settings gear to access the Column Settings, navigate to the Advanced tab, then to Custom CSS and add the code to the Main Element.
If you want to stack the modules in the mobile view, add the code below within the Column Settings on the mobile device type.
TO STACK BUTTONS ON MOBILE VIEW
display:block;Like these tutorials?
If you find these tutorials helpful, I would love for you to follow me on YouTube. I release videos on marketing, websites, and all things design.
