OceanWP Sticky header covers filter

Hello,

visited your site and not getting any issue, it is working fine. please share a snapshot of the issue that you are facing.

Hi Abhishek^^
Its actually the pop up filter, you can click on the filter button and when it pops out the sticky header is covering the silder filter:(

And wonder if i can disable the filter at the bottom of my mobile version website p?ease?

Thank you very much Abhishek!

Hello,

You are most welcome!

For the filter overlap issue, try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

#site-header {
    z-index: 100 !important;
}

Please let us know which exact section you want to disable in mobile view, share a snapshot. SO I can able to suggest you accordingly.

whoaaaaaaaaaaa it works like magic ????????????you are just a genuisssss Abhishek
thank you so much!

https://ibb.co/8jF2Hzz
This is the same filter at the bottom of the mobile version
I just wanna hide it as my PC version needs the filter:)
BIGGGG Thank you Abhishek!!

You are most welcome ?? and Glad to hear that your issue has been fixed!

Please add the below CSS code to Rhode the filter in mobile.

@media only screen and (max-width: 959px){
#right-sidebar #woocommerce_price_filter-3 {
    display: none;
}
}

Its still there:)
Might gonna need another approach to disable it?
Thank you Abhishek!

Hello,

It should work, please try to clear the cache and check.

And please do a cross-check that every tab is properly closed in the custom CSS field.

Please share the snapshot of your Custom CSS field, where you have added code.

https://ibb.co/y5CfsZD

Hello Abhishek! Ive cleared the cache and tried again with my phone and pc ^_^
Please help me check if I ve placed the css right

I was using plugins to make my product page and now I even deleted the plugin and use ordinary one but still cant hide the search bar at the bottom

ahhh, please try to replace the above code with this one and check.

@media only screen and (max-width: 959px){
#right-sidebar #woocommerce_price_filter-3 {
    display: none !important;
}
}