Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 3, 2018 at 11:15 am #907199
    coolpaie

    Hello,
    is it a way in CSS to display the search tooltip field on page load.
    I need this search field to be more visible for my site users.

    Thanks

    February 4, 2018 at 10:23 am #907418
    Victoria

    Hey coolpaie,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    February 4, 2018 at 3:12 pm #907538
    coolpaie

    Hello,
    i just need to display the search box at page load instead of having to click on the magnifying glass button

    https://monosnap.com/file/nlb0BvCojEtGtNTPr7695uIEJpijov.png

    February 4, 2018 at 5:41 pm #907556
    Mike

    Hi,
    Try adding this code to the end of your functions.php file in Appearance > Editor:

    
function open_search(){
?>
<script>
(function($){
    $(window).load(function() {
       $('.menu-item-search-dropdown a').trigger('click');    	
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'open_search');

    Best regards,
    Mike

    February 4, 2018 at 7:57 pm #907576
    coolpaie

    Thanks a lot, it’s working like a charm.

    Cordialement
    michel

    February 4, 2018 at 9:17 pm #907579
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘.avia-search-tooltip displayed on page load’ is closed to new replies.