Search icon stopped working on pc

Hello @007me,

We have not received any similar reports so far; Also, I fully examined the issue you have raised in this topic and could not see it on my end.
For troubleshooting, would you please do the following steps and let me know the results:

1- Head over to WP Dashboard > Plugin.
2- Deactivate all plugins.
3- Then, first activate the Ocean Extra plugin.
4- Check your issue.
5- Then, activate your plugins one by one
6- After activation of any plugins, check your issue

Note: if you have any cache plugin or server cache(CDN / WP Rocket / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes.

Best Regards

Hi (@skalanter)

I’ve disabled all on my staging site here: https://dam.udiburg.com
I’ve enabeled only Ocean Extra but the menu didn’t show up. So I enabled also Elementor and the problem still exist.
I Also disabled the CDN service. I’m using CloudFlare.
BTW, the issue only happens on the menu on PC.
The search fields on the sidebar and mobile works fine.

What’s next?

Best Regards,

Udi

• This reply was modified 2 years, 10 months ago by 007me.

Hello @007me,

Thank you for reaching out, and sorry for the trouble.

Can you please share some screenshots from your header in the backend (I want to replicate your header menu on my end)?

Note: It seems you’ve used the custom header, so please share screenshot(s) from the custom header (maybe it’s in WP Dashboard > Theme Panel > My Library).

You can upload your files to one of the following online services:
https://postimages.org
https://imgbb.com
https://www.loom.com
https://drive.google.com

Thank you,
Best Regards

Hello (@skalanter)

Here’s the header file: https://www.dropbox.com/s/9jedugwaw8cklw6/elementor-3905-2022-01-20-header-stg.json?dl=0

Is this enough? Or you need screenshots to?

Hello @007me,

Thanks for reaching out and letting us know.

We did see this happening on our end, so we’ll share this topic to the developer team, and it will be fixed/improved for the next update(s).

To fix this issue on your website, please follow the steps below:

Please put the CSS below in Customizing > Custom CSS/JS > CSS code:

#searchform-overlay.header-searchform-wrap.clr.active {
    display: block !important;
    opcity: 1 !important;
}

Please put the JS below in Customizing > Custom CSS/JS > Custom JS:

jQuery(document).ready(function($) {

    jQuery('#site-navigation-wrap .site-search-toggle').on("click", function() {
        jQuery('body .header-searchform-wrap.clr').addClass('active');
        jQuery('body .header-searchform-wrap.clr').removeAttr('style');
    });
  
});

Note: if you have any cache plugin or server cache(CDN / WP Rocket / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes.

Please recheck your issue and keep us posted.

Thank you,
Best Regards

• This reply was modified 2 years, 10 months ago by Shahin.

Hello @skalanter

It’s working with the CSS and JS.
https://dam.udiburg.com/
So now let’s wait for the theme update.

Thanks for the great support.
Really appreciated.

Best Regards,

Udi

Hello @007me,

You’re most welcome.
I’m glad it is fixed.

Best Regards