Whats the best way we can create three boxes in a row of the same height? When I use Rows/Columns with background color each box is based on the amount of text so they come off different. here is the site we’re building
http://wordpress-39810-405269.cloudwaysapps.com/
also, is there a way to have the middle two buttons (orange/blue) that are side by side become top and bottom when it switches to mobile.
Hi there,
Thanks for posting in.
Tha solution would be setting minimum height for each of your columns, example, you can inspect the column and add this min-height: 200px; to Inline CSS input field under Customize section. OR, the best solution is turning on your rows margin less column and you can do that through rows options (inspect the row).
As for buttons, they are styled with flex layout what you could do is utilize the Hide During Breakpoints under Customize section. Example, you can add two header container, one which is hidden from mobile and one hidden from the desktop (through Customize option). Then in each container have the same buttons, the only difference is each container have different flex layout, flex layout controls if the child elements will be displayed by columns or by rows.
Hope this helps.
I’m not sure what this means, but your other suggestion worked.
Glad it works now, cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.