I have faced problem on product tab and shop product layaout in iphone

Hello sir,
I hope you are well. I have faced a problem with the layout of the product grid. When we change the tab on the home page then products are disappeared 50%. And when we filter on shop and “on-sale” page then the first-row product disappears 50%. You can see this 2 video then you will understand everything perfectly. This video just made to show the problem two you not for the view.

Video for Shoppage and On sale page : https://youtu.be/QFSSYQpRsLk
Video duration only 22sec. And this same thing happens with the Home page product tab.You can check https://buompy.tamimikbal.com/jewellry/

Its working fine on Andriod just problem on Apple phone.

And I got the reason for the problem. When we used Gtranslate then the problem is run on. When we disable gtranslate then there is no problem. The same problem I was faced with the Mobile menu and woodmart team solve that problem so I hope you will solve this problem too.
Here is my previous problem which was for Gtranslate and woodmart team solved this https://xtemos.com/forums/topic/i-have-faced-problem-on-mobile-menu-in-iphone/

Note: You can active and deactivate all the plugin to check. I think you just active and deactivate Gtranslate you will get the solution. ANd it’s working very well on Andriod just problem going on iPhone.

Important: This theme is woodmart official them. I buy this theme for may another site. And this site is for demo example to my clients.

And You can activate and deactivate all the plugin

Its humble request to you please solve this problem.

Shop page = https://buompy.tamimikbal.com/jewellry/
On sale Page = https://buompy.tamimikbal.com/jewellry/on-sell/

Sorry sir, Please follow the first message and Please watch this two videos also you will understand everything.

Video1 = https://youtu.be/TAPJL1XILYc
Duration is Only 15s

Video2 = https://youtu.be/BuLhmBrqHug
Duration is Only 31s

And Please read the First message i have explain everything on the first message

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

div.woodmart-products-tabs .woodmart-tab-content,
.products {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

Regards

[Author]

Posts