The search box always seems to take priority on the screen

[ournewsParticipant]

Hello, we love Ajax Search Pro but are having an issue.

The search box always seems to take priority on the screen, on top of all other elements. This is especially an issue with other JS popups that should be ontop of everything when opened, unfortunately the ajax search pro box always still stays on top of them. We would like the search box to have the same priority as all normal elements on the screen, so when other JS popups are opened, it stays behind them on the screen.

After searching the support forums, we tried adding this to the Custom CSS field, but it doesn’t change the behavior. The box still appears ontop of all other content.

.probox>* {
    z-index: 0 !important;
}

Any help? Thank you!

[ournewsParticipant]

You cannot access this content.

[Ernest MarcinkoKeymaster]

Hi!

Thank you for the details, I have checked your site and found the issue.

The search box container no longer has a z-index value, to prevent issues like these. I’ve looked through the parent elements, where the plugin is placed, to see if perhaps any of them has any z-index set.
The immediate element by the navigation, where the plugin is placed has a z-index value of 9999, that is causing the problem. (the related CSS rule can be found in the style.css file on lines 841-847 in the child theme directory, according to my developer tools console)

The simplest solution is to override it with a custom CSS, like so:

.bp-search-home {
	z-index: 1 !important;
}

That’s it! This should solve the issue.

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

[ournewsParticipant]

Thank you! That resolved the issue.

[Ernest MarcinkoKeymaster]

You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts