Ajax Search sits on top (Sticky) when scrolling down

[jalfaro9324Participant]

As you can see in the image when i am scrolling down the magnifying glass sits on top of the sticky header on my website and overlaps it. Is there any way to make it so my sticky header is on top or rather move the ajax search bar down so it doesnt overlap?

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

Hi,

Thank you for the details.

Luckily this is only a simple z-index issue. I recommend increasing the sticky header z-index value, as I am seeing other elements overlapping as well. That would resolve everything. If you cannot increase the z-index in the editor, then use this custom CSS:

header#show-hide-header {
    z-index:9999999 !important;
}

It will resolve the issue.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts