Ajax Search sits on top (Sticky) when scrolling down

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Ajax Search sits on top (Sticky) when scrolling down

This topic contains 1 reply, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 3 years, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #28801
    jalfaro9324
    jalfaro9324
    Participant

    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.
    #28803
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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 :)


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.