Search box not working in mobile version

Hi there,

Thanks for reaching out.

The issue is coming due to the custom CSS code you have applied. To fix the issue, we need to add the following CSS code.

Can you please navigate to WordPress Dashboard > Appearance > Custom CSS and add the following code:

li.search.active .search-field {
    display: block !important;
}

.search.active form.woocommerce-product-search::before {
    display: inline-block !important;
}

Here are the result after adding the code.

https://d.pr/i/TvkDNr

Let me know how it goes!

Thank you.

Hi, I am having the same problem with the search icon in the handheld footer bar.
I added your code but still do not see the search function working, although the search icon appears. I’m not sure what I’m missing here but thanks for any help.
alex

Hi @aglea – I’d suggest starting a new forum thread, since your issue seems slightly different and to ensure your question is noticed. ??

Thanks, yes, sorry. Actually I got this working now, so all good.

Hi,
I installed the goya theme but the mobile search bar is not working… Need help!

https://www.bibiorganiccare.com

Hi @bilalzr

Since you’re not the person who originally started this topic then, per the forum guidelines, would you please start your own topic?

We’ll be more than happy to help there. ??

Thank you for your understanding!

• This reply was modified 2 years, 5 months ago by Rafy a11n.