Previous JS not working

[KimAnn]

Hello-

Please see this thread:

Tablet responsiveness

I am having the issue again of text pouring over the boxes when changing the screen size:

I have not changed anything on the page but yet the JS stopped working. Any advice?

Thank you

[KimAnn]

the page in question is:
https://leadas.love/our-philosophy/

[paul.r]

Hi Kim,

Please add a class to your row elements where those text resides

For example

Then change your js code to refer to that class.

(function($){
  $(window).on("load resize", function () {
    var max = 0;

    $(".my-row.x-container .x-column").css('height', "auto");
    
    $(".my-row.x-container .x-column").each(function(index, el) {
      if( jQuery(this).height() > max ){
        max = jQuery(this).height();
      }
    });

   
    $(".my-row.x-container .x-column").css('height', max);
  });
})(jQuery);

Hope that helps