Menu icon Foundation
Equalizer - can't figure it out

Hi fellow designers/coders

I'm having some trouble with the equalizer in Chrome (tried multiple versions, same issue) but not in Firefox.
I'm trying to create two equal height columns with some content in it but for some reason Chrome thinks that the buttons aren't part of the columns.

I tried $(document).foundation('equalizer', 'reflow'); but no joy.

What am I doing wrong? Would appreciate any help, thanks in advance!

Here's the page in question: http://www.smallbizmarketing.ie/marketing-services/

Here's my code:

            

<div class="row" data-equalizer>
    <div class="small-12 large-6 columns problem-areas">
      <div class="panel" data-equalizer-watch> 
        <img src="<?php bloginfo('template_directory'); ?>/img/lead-generation.png" alt="Lead generation">
        <h3>Generating Leads</h3>
          <ul>
           <li>I want more people to call me or ask for a quote</li>
           <li>I want more people to come into my store / restaurant</li>
           <li>I want more people to refer me to potential clients</li>
           <li>I want more people to sign up for my newsletter</li>
           <li>I want more people to follow me on Facebook or social media</li>
          </ul>
          <p><a href="#contactme" class="button radius small">Continue &raquo;</a></p>
      </div>
    </div>
    <div class="small-12 large-6 columns problem-areas">
      <div class="panel" data-equalizer-watch> 
        <img src="<?php bloginfo('template_directory'); ?>/img/increase-sales-euro.png" alt="Increase sales">
        <h3>Increasing Sales</h3>
          <ul>
            <li>How can I make people buy from my website?</li>
            <li>How can I make people spend more when they buy?</li>
            <li>How can I make people come back more often to buy?</li>
            <li>How do I sell to companies?</li>
            <li>I get a lot inqueries but can't turn them into sales, what should I do?</li>
          </ul>
          <p><a href="#contactme" class="button radius small">Continue &raquo;</a></p>
      </div>
    </div>
</div>

Equalizer problem

foundation5Equalizer

Hi fellow designers/coders

I'm having some trouble with the equalizer in Chrome (tried multiple versions, same issue) but not in Firefox.
I'm trying to create two equal height columns with some content in it but for some reason Chrome thinks that the buttons aren't part of the columns.

I tried $(document).foundation('equalizer', 'reflow'); but no joy.

What am I doing wrong? Would appreciate any help, thanks in advance!

Here's the page in question: http://www.smallbizmarketing.ie/marketing-services/

Here's my code:

            

<div class="row" data-equalizer>
    <div class="small-12 large-6 columns problem-areas">
      <div class="panel" data-equalizer-watch> 
        <img src="<?php bloginfo('template_directory'); ?>/img/lead-generation.png" alt="Lead generation">
        <h3>Generating Leads</h3>
          <ul>
           <li>I want more people to call me or ask for a quote</li>
           <li>I want more people to come into my store / restaurant</li>
           <li>I want more people to refer me to potential clients</li>
           <li>I want more people to sign up for my newsletter</li>
           <li>I want more people to follow me on Facebook or social media</li>
          </ul>
          <p><a href="#contactme" class="button radius small">Continue &raquo;</a></p>
      </div>
    </div>
    <div class="small-12 large-6 columns problem-areas">
      <div class="panel" data-equalizer-watch> 
        <img src="<?php bloginfo('template_directory'); ?>/img/increase-sales-euro.png" alt="Increase sales">
        <h3>Increasing Sales</h3>
          <ul>
            <li>How can I make people buy from my website?</li>
            <li>How can I make people spend more when they buy?</li>
            <li>How can I make people come back more often to buy?</li>
            <li>How do I sell to companies?</li>
            <li>I get a lot inqueries but can't turn them into sales, what should I do?</li>
          </ul>
          <p><a href="#contactme" class="button radius small">Continue &raquo;</a></p>
      </div>
    </div>
</div>

Equalizer problem
Davide Sacco about 5 years ago

I have issues with Equalizer too.
It seems it perfectly works in "desktop" (large) view but it's not working when I resize the window (responsive - media queries).
[I'm currently using jointsWP...]