Flipcards display error on frontend

Hi,

Can you please clarify what is the issue. The flip cards look fine.

https://prntscr.com/13ptn9j

Hi,thanks for your support,
I attach an image of the error on the front-end with google chrome incognito session,
https://prnt.sc/13ptz9b

In backend it is visualized well

Thanks
Xavier

Can you please export the layout and share a link to download it.

Hi learnhowwp.com, thanks for your support,

Ok, the url for download desing layout is:
https://drive.google.com/file/d/1icYv-pe015xncteIeCB8jRvH9mBanewJ/view?usp=sharing

this is a temporary url to manage this incident,

I await your reply,

Thank you very much for your help
Xavier

Add a new code module after all flip card modules on the page and then add the following code in the code module.

<script>
 
  $(".lwp_divi_flipbox img").each(function(){
    $(this).on('load', function() {
      			//console.log($(this).attr('src'));
            let $flip_box_front = $(this).parents(".flip_box_front");
            $flip_box_front.height('auto');
            let $front_height = $flip_box_front.height();
            let $flip_box_back = $(this).parents(".flip_box_back");
            $flip_box_back.height('auto');
            let $back_height = $flip_box_back.height();
            let $front_outer_height = $flip_box_front.outerHeight();
            let $back_outer_height = $flip_box_back.outerHeight();

            if ($front_height > $back_height) {
                $(this).parents(".flip_box").height($front_outer_height);
                $flip_box_back.height($front_height);
                $flip_box_front.height($front_height);
            } else {
                $(this).parents(".flip_box").height($back_outer_height);
                $flip_box_back.height($back_height);
                $flip_box_front.height($back_height);
            }
    });
  });
  
});
	
</script>

• This reply was modified 3 years, 5 months ago by learnhowwp.com.

Hello, thank you very much,
I have inserted code modules after each inverted card module, then I have entered the code in these code modules.
Upon entering I found a different display than the previous one but still with some errors,
I have updated the background color of the page and now it seems that it works well in private session, thank you very much for your help.

The issue is fixed in the latest update of the plugin. You can update the plugin and remove the codes.