Equal Height works only when I resize the browser

  • Resolved klol

    (@klol)


    1 year, 5 months ago

    Hello,

    I hope you are well.

    I have a question about the equal height function.
    According to the tutorial on your site, I gave “class” to two internal sections.
    I always had the impression that it didn’t work, but I noticed that when I changed the size of my web browser, that’s when the columns took the same height.

    How can I get the columns to adapt to the same height directly when the page loads?

    I’ve checked, all my modules are up to date, WordPress too…

    Thanks in advance for your help

    • This topic was modified 1 year, 5 months ago by klol.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Leap13

    (@leap13)

    Hi @klol

    Could you please provide a screenshot from the settings you added for Equal Height addon so I can check?

    Regards

    Thread Starter klol

    (@klol)

    Hi,
    Thank you for your answer.

    Of course, here’s the screenshot.
    https://snipboard.io/zwl5y7.jpg

    Thanks for you help

    Plugin Author Leap13

    (@leap13)

    @klol I suspect the issue is happening because of the slider added to those columns. Could you please disable the slider so the columns are added normally and check again?

    We need to know where exactly this is coming from.

    Regards

    Thread Starter klol

    (@klol)

    Thank you fr your answer.

    It does work when I choose “grid display”.
    I use Anywhere Elementor to display my slider.
    But also Anywhere Elementor for the grid.

    Plugin Author Leap13

    (@leap13)

    @klol It seems that the slider causes the equal height not to be applied on all the boxes. To fix this, please add Elementor HTML widget in your page and copy this code in it:

    <script>
    
window.addEventListener("DOMContentLoaded", function (event) {
  
  setTimeout(function(){
      
      window.dispatchEvent(new Event('resize'));
  }, 1000);
  
});
    
</script>

    Regards

    • This reply was modified 1 year, 5 months ago by Leap13.
    Thread Starter klol

    (@klol)

    Oh great! It works great with this code!
    Thanks a lot for your help!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Equal Height works only when I resize the browser’ is closed to new replies.