Product label on mobile at scroll down move up and down

Hi,

in desktop version product label on sale when scroll the page up and down is ok, but in mobile version its going up and down (I’m trying in iPhone),

please help to fix it,

best regards,

Hello,

On your current website I don’t see any labels on products, could you please send me some screenshots of where I can see that issue?

https://gyazo.com/fa6e88eb4482c991e75fe747bb81de49

I look forward to hearing from you.

Kind Regards

Hi,

here you can see on iPhone and opera browser

best regards

Hi,

the video attached

best regards

Attachments:

You must be logged in to view attached files.

Hello,

Please deactivate all the plugins except these ones:

Slider Revolution
WPBakery Page Builder or Elementor
Woodmart Core
Contact Form 7
MailChimp for WordPress
WooCommerce
Safe SVG
Please switch to the parent theme if you use the child.

After that, check the issue again, if the issue still persists, please confirm the permission for the plugin’s deactivation, switching to the parent theme. As soon as we complete the testing we will enable all back. Also, please provide the access to the admin dashboard.

Kind Regards

Hi,

the same after doing the all of request,

Best regards

Hello,

Most likely, the issue appears due to the customization of the labels so please remove your custom code for them and recheck the issue.

https://prnt.sc/mZkUVZ-4hWsH

Please let me know if you have any further questions in the meantime.

Kind Regards

Hi,

but i need in right side the label discount, what can i do?

best regards

Hello,

Try to set the “absolute” value for the “position” property and the “important” should be lowercase also with the space from the value.

https://monosnap.com/file/cK7UqKRHL04YQEtXQKWKZpYReOXef9

https://prnt.sc/1qUihbhaCply

And try to set the font size in pixels. Then check the issue again.

Kind Regards

Hi,

i have try the solution that you give but with the position: absolute its disperse from products,

pls help with this issue because is very important to have in right side

best regards,

Hello,

Ok, in this case, try to use the below code which help you to show them from the right side. Paste it into the “Global Custom CSS” area.

.product-grid-item .product-labels {
    right: 0;
    left: auto;
}

In the meantime, feel free to ask me any questions you may have.

Kind Regards

Hi,

its work, thank you so much.

best regards

You are welcome!

Always remember that you can reach out to us with any questions you may have.

We wish you a splendid day!

Kind Regards

[Author]

Posts