free-style lay-out column widths
But: I don't want the columns to have the same width, so I unlock them and use the slider, and lo and behold: they end up one below the other. Whatever sizes I choose. Sometimes it looks as if they are side by side but when I save the layout one is again below the other.
This happens when there is no content at all, so nothing that could force the columns to a specific width.
Oh, forgot: I'm using the Elemental theme.
What do I do wrong, is there something I missed?
I tried to recreate what you are describing without success.
Can you take a screenshot before and after you save the layout, please.
I thought I'd make a brief video to show you what I want, what I'm doing and what happens.
Here it is http://screencast.com/t/jrcH6wQ2...
For some reason the sound didn't work but no matter: you can see I wanted two columns of unequal width side by side and they end up below each other.
I'm sure it must be something small and simple but I can't think what it is...
Thank you for your help.
If you can't find the cause of the problem, there will be a new 5.7.5 feature that should address it.
The feature will allow nesting custom layouts. When adding a custom layout within a custom layout, you will not be limited to Free-Form Layout only.
"Add Nested Grid Support to Grid Framework #1715"
<div class="col-sm-5"> <!-- outer column --> <div class="ccm-layout-column-wrapper"> <div class="ccm-layout-column" id="ccm-layout-column-29"> <!-- inner column 1--> </div> <div class="ccm-layout-column" id="ccm-layout-column-30"> <!-- inner column 2--> </div> </div> </div>
the outer column has a width of 457.5
the inner column 1: 174
the inner column 2: 284
as you can see, the sum of the inner columns is bigger then the width of the outer column forcing the layout to break.
when i change the outer column to end up in a integer width, the inner layout works. a simple "floor(outer.with)" before the calculation of the inner width would do the trick.