Card Elements are not displayed correctly

The yellow card-elements in the first section were previously displayed in such a way that the box had the correct height for the text on the back.
This hasn’t been the case for a few weeks now and I can’t get the problem solved.

Hello @studio90419,

Thanks for writing in!

The height of the Card has been restricted because of this Javascript code:

jQuery( function($) {

  function card_resize() {
    
    if ( $(window).width() < 768 ) return false;

    var card_timeout = setTimeout ( function() {
      
    clearTimeout(card_timeout);

    var card_max = 0;

            $('.x-face-outer.back').each(function(index, element){      
                  
				 if ( $(this).height() >= card_max  ) card_max = $(this).height();
                  
            } );
    
    $('.x-face-outer').css('min-height', card_max );
  
    }, 300 ); //let's add a 300ms delay
    
  }

  $(document).ready( card_resize );
  $(window).resize( card_resize );
  $(window).load( card_resize );
  

} );

Please remove the JS code and test the page again.

Hope this helps.

Thanks. May u help me where I find that code to remove it?

Hi @studio90419,

The code pointed out by my colleague might be added through the Theme Options > JS or Page JS of the specific page. Please remember that we don’t provide any support for custom coding or related issues.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.