Z-index not work on product label

Hello, can you help me with the z-index to be above the product box, I tried with the z-index but it doesn’t work
See screen shoot please

Attachments:

You must be logged in to view attached files.

Hello,

On my side, it looks well, here is a screenshot: https://prnt.sc/66WEH2leyhBw

Try to reupload the page after enabling the mobile view in the browser.

Kind Regards

I understood, but I want to put the z-index above the product column and give it to the left of the beginning, and it goes below me like in the previous image

Attachments:

You must be logged in to view attached files.

Hello,

Sorry for the delay.

Do you want to move the label? I cannot understand why you want to give a z-index to the column if the label showing well (https://prnt.sc/66WEH2leyhBw).

I await your response.

Kind Regards

I want to move it more to the left,
but you can’t see it after that, that is, half of it

Hello,

Okay, in this case, the below code will help you to move it to the left side:

.product-grid-item .product-element-top {
        margin-inline: calc(var(--wd-prod-bg-sp) * -1);
}

.product-grid-item .product-labels {
    inset-inline-start: 0px;
}

https://prnt.sc/qTHMxt5rG-bY

Kind Regards

thank you very much, ticket close

Hello,

You are welcome! In case you need any additional help, I’d be more than happy to assist you.

Have a good day!

Kind Regards

[Author]

Posts