Menu icon Foundation
Equalizer height not equals

Hey, I'm Equalizer to make some containers with same height and it's works and i can see that it give all container same inline style height with a value , but some of this containers it taking height:auto which  is the problem here.

 

any advice to solve this ?

Equalizerheightfoundation6.2.4

Hey, I'm Equalizer to make some containers with same height and it's works and i can see that it give all container same inline style height with a value , but some of this containers it taking height:auto which  is the problem here.

 

any advice to solve this ?

Rafi Benkual almost 3 years ago

Seems to work here: http://codepen.io/rafibomb/pen/aBpNrR

Use this codepen to share your code so we can help you more. Paste it in, fork it and share the link.

Ahmed almost 3 years ago

go to: http://www.eaglerider.com/

in the rental  widget 
Where are you riding from? : Los Angeles

then click search

in this case the last one not same height.

check the last one

Dimitris Gerasopoulos almost 3 years ago

Hello Ahmed,

As i see in your code that you have the attribute  data-equalize-by-row enabled. And the problem is your last entry which seems to be the only one in its row.

I would suggest to remove the data-equalize-by-row attribute.

Or if you want to use it , then better see this documentation link and use the right syntax

http://foundation.zurb.com/sites/docs/equalizer.html#equalize-by-row

for example

<section class="available_rides">
    <div class="row small-up-1 medium-up-2 large-up-4" data-equalizer data-equalize-by-row="true">
        <div data-equalizer-watch class="column rideList js-vehicle" data-vehicleModelId="7">
         ...  
        </div>
    </div>
    ...
</section>

 

Hope tha helps.

Ahmed almost 3 years ago

will try it out, thanks a lot for your help.