I am needing your kind help.

I added an Advanced Search widget in Elementor editing page. After I previewed the page and chose an item from the All Categories drop-down list, and then click the SEARCH button, there is response.

Can anyone help resolve this problem?

Thanks in advance!!

style.min.js?ver=4.5.1:1 Uncaught TypeError: Cannot read properties of null (reading ‘classList’)
at astraToggleClass (style.min.js?ver=4.5.1:1:735)
at HTMLInputElement. (style.min.js?ver=4.5.1:1:10273)
at style.min.js?ver=4.5.1:1:8444

It’s a null reference exception in this line when the object get the focus because is null

>>>> t.querySelector(“.search-field”).focus() }, 200)))

I know that ther are more users with the same problem as @fabiograsso or @bjf2000 Please, visit this post
https://www.ads-software.com/support/topic/search-button-not-working-after-update-to-4-4-1/#post-17222962

I read in a post that this is a known issue with the old header/footer, and the advice was to switch to the new Header Footer Builder (HFB). Is this true? And if. How can I do it?

Thanks very much for your help

Kindly help.

Warn regards,

Re: the search block – it’s almost perfect but it doesn’t have the option to just have the magnifying glass icon instead of a button with the magnifying icon. When trying to fit it on a limited height bar at the top of the header, for instance, you’re forced to use a button which forces additional height, etc. due to forced padding/margins that don’t seem to be adjustable.

Thanks.

How to add search button like this?

The search will pop up after I click the icon, and will shows several post if I type something.

Thank you.