Hello
How can I add 5 columns in one row using the tagdiv composer, there is no option for adding five columns, can you please help me?
Thank you.
Hello !
Please set the ROW layout as you can see it here: https://www.screencast.com/t/aGEc6JZxIr ; After that ADD inner row into the row and edit the Inner Rows Layout as you can see here:https://www.screencast.com/t/qL7M3pmPKjj
All this can be achieved using the tagDiv Composer.
Thank you !
Is there a way to create 5 columns of equal width that are responsive so the behaviour on mobile for ex, can be set like a single row with 4 columns e.g. stacked images on mobile?
Hi iancollins,
Yes, that can be done, for this please check this similar topic -> https://forum.tagdiv.com/topic/6-columns-row/
The steps are similar, all you need to do is to set a row an 2 and a column to be 40% and the other one 60% then set in the first one an inner row with 2 columns and in the second one an inner row with 3 columns.
I hope this will help you!
Hi Calin,
I’ve followed the process in your link but it doesn’t work well.
I have a Row with 2 columns, col1 is set to Layout->Width=40% and col2 is set to Layout->Width=60%.
I then have an inner row of 2 columns inside col1, and an inner row of 3 columns inside col2.
This is per your suggestion above if I have understood correctly.
There are two problem with this:
1. The only way to get even sized columns is to sel column gap to 0 everywhere and use padding inside the columns to create space. Not too big a problem.
2. When viewing on mobile, the outer columns keep enforcing their 40% and 60% widths so the columns don’t use the full width and don’t stack nicely.
Can you suggest and alternative approach to get 5 cols working please?