Productos Template - when scrolling sticky section goes on top of the following section instead of going below

Hello everyone,

I bought one of Webflow’s templates (from Productos Productos - Food HTML5 Responsive Website Template).

When I open the product page of the ecommerce from my phone (safari & chrome) I see the same problem: when scrolling, the first section which is position sticky goes on top of the following section. I have tried to fix the z-index of the sections but it’s not solving the problem.

This is the live website (product page with error, please open it from your mobile and scroll slowly): Torlolio di Oliva | Fattoria dell'Uccellina

this is my read-only link:

Please find attached a screenshot of the error.

Thank you very much in advance for your help :slight_smile:


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


Apparently it’s a problem with Safari & z-index. Just add this custom code to the page settings, replacing “div” with the name of the classes which specify a z-index value:

div {
-webkit-transform: translate3d(0,0,0) !important;