Hello,
I am trying to build a homepage with a grid style design. The problem is, that the grids are not equal but have different sizes:
First row: 1/4 but stretched in height on two rows ; 1/4, 1/2
Second row: same column as above, 1/4 ; 1/4 ; 1/4
There should be some space between all colums. Here is a link to a pic, so it’s clearer what I mean: https://jojojacob.de/wp-content/uploads/2018/01/IMG-2498.jpeg
I already tried to use a simple section and organise the columns accoridgly, but it’s not working properly. Then I stumbled upon Masonry – which would be the perfect solution. The problem about that is, that it links to Blog Articles and not to Sites. Is there another solution for my problem?
Hey jojojacob,
Thanks for the sketch, cuilding a layout like that is not possible with the builder by default unfortunately. But you could try nesting the layout element, you will have to activate debug mode first in order to see builder shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Try keeping the content in 2 + 4 in the same container. Then you can nest two 1/2 elements into the number 3 element in your sketch.
Best regards,
Rikard