Reply To: Searchbar in main menu

#5914

Ernest Marcinko
Keymaster

Hi!

The first one is a simple z-index issue, seemingly the menu bar overlaps the results list. The solution is very simple. Try this custom CSS to increase the results z-index values:

div.ajaxsearchpro[id*="ajaxsearchprores4_"] {
    z-index: 99999999 !important;
}

The second is much harder to track. It's definitely caused by a 3rd party javascript, that tries to modify the height of the container. I suppose it was built for the original search only.
What I found is that if you remove one of the CSS classes from the container element, it looks like the handler is detached. So, try modifying the container code to:

<div class="container et_pb_search_visible et_pb_no_animation" style="height: 50px; max-width: 838px;">
        <?php echo do_shortcode("[wpdreams_ajaxsearchpro id=1]"); ?>
        <span class="et_close_search_field"></span>
</div>

Notice that the “et_search_form_container” class had been removed. Then again I'm only guessing here. You might have to find the corresponding javascript file and remove the height modification script. The theme author might know which one is to change.

Best,
Ernest Marcinko

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