Ajax Search sits on top (Sticky) when scrolling down

[jalfaro9324]

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?

[Ernest Marcinko]

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.

[Author]

Posts