How to fix product page toolbar issue on mobile?

[AhmerAli]

Hi, this is Ahmer Ali

I enabled the product sorting toolbar option on my collection page, but it was getting hidden under the product card. So I used the below code that was advised by one developer on the theme file so it works well

<style> .toolbar:not(.show-sticky) { z-index: 01 !important; } </style>

But now this toolbar is having an issue on the mobile, and is not working properly. Attached is the screenshot for the reference.

I am facing the same issue for the collection page and below is the URL for more details

https://hztextiles.pk/collections/khaddar

Kindly help in this regards

Thank you

[ProtoMan44 · Accepted solution]

@AhmerAli  paste this code in base.css 

.template-collection .background-overlay{
    display: none !important;
}

if your issue is solved then please hit like and mark it solved.

[AhmerAli]

Thanks man its working