Compact search box works in Firefox but not Chrome or Safari

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Compact search box works in Firefox but not Chrome or Safari

This topic contains 4 replies, has 2 voices, and was last updated by

 
Participant
6 years, 4 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #5943

    Participant

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

    #5951

    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 :)


    #5962

    Participant

    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

    #5963

    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 :)


    #5964

    Participant

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

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.