equal height of wraps or item

gueret1880 · September 2017

hello
why the equal height of wraps or the equal height of items for the section doesn't work on this page ?
https://marcel-rouen.fr/reservation-marcel-apero-bistro-place-du-vieux-marche-rouen/
to have the same height for the 3 times "opening hours" and the white background similar i had to insert some </br>
....
ty

Bryan · September 2017

The equal height of wraps is used to position elements on: top, middle or bottom in wraps. In order to achieve this you need to:
1. Edit your page, and go to the muffin builder. Edit a section and under the advanced>style select 'equal height of wraps'. See screens:
http://prntscr.com/f40hvn
http://prntscr.com/f40kh0
2. Now edit each wrap in that section and set the desired vertical align(top, middle or bottom). See screens:
http://prntscr.com/f40kvr
http://prntscr.com/f40lhl

gueret1880 · September 2017

this doesn't work
https://marcel-rouen.fr/reservation-marcel-apero-bistro-place-du-vieux-marche-rouen/

Bryan · September 2017

Please go again thru the tutorial and complete every step please. Make sure that those items are in different wraps.

gueret1880 · September 2017

sorry dont understand because i did step by step
and this align the 3 wrapas but i dont have the same size as you can see ...
https://marcel-rouen.fr/reservation-marcel-apero-bistro-place-du-vieux-marche-rouen/

gueret1880 · September 2017

here bottom
the first wrap is smaller

Bryan · September 2017

What you need to do is to place the items in one wrap and set the section style to 'equal height of items in wrap'. This way the items will have the same height.

gueret1880 · September 2017

always not ...

:-?

gueret1880 · October 2017

up please

Bryan · October 2017

I do not understand your answer, did the solution work?

gueret1880 · October 2017

no.
as you can see here
https://marcel-rouen.fr/reservation-marcel-apero-bistro-place-du-vieux-marche-rouen/
the first item 'téléphone 02......." is smaller than others in the wrap.
you can see that with the white background of the item

Bryan · October 2017

Yes, you have to make the equal height of wraps or equal height of items in wraps and then edit the wraps to set the vertical position to middle.

gueret1880 · October 2017

alwayz no ..; dont understand !
i made both of setup on the page as you can see : equal height of items in wrap and equal wraps with vertical align middle and i have alwayz 3 differents items size

Bryan · October 2017

The equal height of wraps is working, the wraps are the same height but the items are not since they do not stretch, this is why you need to set, equal height of items in wraps.
BUT! The equal height of items in wraps means that you need to have ONE wrap, and all the items inside this wrap (if you want to make a row for example)

gueret1880 · October 2017

Did you see the page ? please check i did since the beginning
https://marcel-rouen.fr/reservation-marcel-apero-bistro-place-du-vieux-marche-rouen/
i have 1 section with equal height of item in wrap
and 1 wrap with the 3 items in
and the 3 items are note with the same height as you can see with the white background

Bryan · October 2017

Yes they are, it addapts to the columns, not items generated in columns. So please give the border and background to the column items.

gueret1880 · October 2017

haaaaaaa ok !!! :-)
i understand now !
equal height of wraps or items works only on column item ?

Bryan · October 2017

Equal height of wraps works for wraps in section
Equal height of items in wrap works for items in one wrap.

marcsein · February 2018

Sorry but that's anything but useful. If it doesn't automatically stretch each column to the height of the biggest column i need to add a solid border at the bottom. Even if this works in the first place, as soon as I downsize the window to another responsive step, they are different sizes and if I get 1 column (mobile) there are useless white borders. I would wish for a more dynamic way.

Bryan · February 2018

marcsein
Please send us a link to this page so we can see how you did it.
thanks

equal height of wraps or item

Comments