Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Compact search box works in Firefox but not Chrome or Safari
- This topic has 4 replies, 2 voices, and was last updated 10 years, 8 months ago by
lundgren01.
-
AuthorPosts
-
September 15, 2015 at 8:17 pm #5943
lundgren01
ParticipantCan you see why the search box is not visible in Chrome or Safari? It works correctly in Firefox. Thank you
September 16, 2015 at 10:27 am #5951Ernest Marcinko
KeymasterHi!
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: http://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.September 16, 2015 at 4:06 pm #5962lundgren01
ParticipantThe 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
September 16, 2015 at 5:01 pm #5963Ernest Marcinko
KeymasterHi!
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:
[code]#mk-footer {
position: static !important;
}[/code]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:[code]
<?php echo do_shortcode(‘[wpdreams_ajaxsearchpro id=2]‘); ?>
</body>
</html>
[/code]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 🙂
September 16, 2015 at 6:44 pm #5964lundgren01
ParticipantFantastic! Option 2 works perfect. Thank you for your help. Much appreciated.
-
AuthorPosts
- You must be logged in to reply to this topic.