Auto focus on search module drop down

Hello, the most recent update has screwed up some things on my site. I figured out fixes for the others but our search module turned into this ugly black layout. I removed the old module to create a new one. First the search glass didnt work so I had to go into the theme options and enable all disable font awesome settings and that allowed it to display the graphics. Now I cannot seem to get the JS to work that I had been given in this thread(Search dropdown element, focus on click) that was working for me prior to the update. Could you tell me what JS is needed to auto focus now?

I have used the bottom two snippets in the past.

jQuery ( document ).ready ( function($) {
$(’#custom-search-dd-anchor-toggle’).click(function(){
setTimeout(function(){
$(’#custom-search-dd-dropdown .x-search-input’).filter(’:visible’).focus();
}, 500);
});
});

jQuery(document).ready(function($) {
$(’#custom-search-dd’).click(function() {
setTimeout(function() {
$(’#custom-search-dd-dropdown .x-search-input’).filter(’:visible’).focus();
}, 500);
});
});

website is buckinghammfg.com

Hi John,

Thank you for writing in, but I can’t see the black search input on my end, please clear all your caching features (plugin, server-side, CDN, and browser’s cache) after updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Regarding that script, unfortunately, we can not provide support for any customization, the code provided on other threads serves only as a guide.

Base on that script you’re supposed to apply an ID custom-search-dd to your Search Dropdown. Did you apply that ID to your Search Dropdown?

Thank you for understanding,

That was the missing part. Thank you for reminding me.

You are most welcome John.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.