Compact search box works in Firefox but not Chrome or Safari

[lundgren01Participant]

Can you see why the search box is not visible in Chrome or Safari? It works correctly in Firefox. Thank you

[Ernest MarcinkoKeymaster]

Hi!

I can’t see the plugin anywhere on the page right now active, can you please place it somewhere.

I checked the error console, and there is an error reported from the jQuery, see screenshot: https://i.imgur.com/v4GbzSw.png
I’m not sure if it’s related, but it’s definitely not good. There is no information however what’s triggering the error. Can be any plugin or some other javascript file.

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

[lundgren01Participant]

The plugin is installed on all pages. For some reason, you can see it on this page in Chrome. https://wpe.infousa.com/sample-ads/ If you look in Firefox, you’ll see it on all pages. Let me know if have any ideas why it’s not visible in Chrome. Thank you

[Ernest MarcinkoKeymaster]

Hi!

I think I know why. The widget position where the search is placed is set to “relative” in the CSS. It means, that it traps the fixed positioned search inside of it. I can suggest two solutions to this:

1. Setting the footer to the default, static position, with this small custom CSS snippet:

#mk-footer {
    position: static !important;
}

You can add this snippet to the search instance options Theme Options -> Custom CSS panel. Or perhaps your theme also has an option somewhere to use custom CSS.

2. Moving the search shortcode directly to the theme footer file.
The theme footer file is usually named as footer.php in the theme directory. You can put the search PHP shortcode there, just before the closing body tag (usually just before the end of the file). So it’s something like this:

       <?php echo do_shortcode('[wpdreams_ajaxsearchpro id=2]'); ?> 
	</body>
</html>

I would prefer the 2. solution, as it does not change any styling. But if that’s not possible, the first suggestion should also work 🙂

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

[lundgren01Participant]

Fantastic! Option 2 works perfect. Thank you for your help. Much appreciated.

[Author]

Posts