This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

z-index Issue with Search Icon

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #24128
    lollystick98lollystick98
    Participant

    I am having a problem where the search icon for Ajax Search Pro is appearing over the top of all other elements including a mobile menu. If you view the development site at http://www.lollystick.uk/kayeparmenter with a window width of less than 640 pixels and select the menu icon, you will see the magnifying glass remains visible. I assumed this was caused by a z-index issue but setting and changing z-index values does not appear to fix it.

    Any help you can offer would be hugely appreciated.

    #24131
    Ernest MarcinkoErnest Marcinko
    Keymaster

    Hi!

    Looks like it’s only a minor z-index conflict. Try this custom CSS code, it should resolve the issue:

    .promagnifier {
        z-index: 0 !important;
    }

    Apply this code to your theme custom CSS field (if it supports it) or use the custom CSS field on the search plugin back-end.

    #24132
    lollystick98lollystick98
    Participant

    That’s perfect. Thank you ever so much!

    #24133
    Ernest MarcinkoErnest Marcinko
    Keymaster

    You cannot access this content.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.