[Resolved] hide search bar on mobile

[CHOUCHANE]

Dear,

I want to hide search the bar on mobile, its useless for me and not showing properly.
I tried several thing on simple CSS but doesn’t work…

Can you help please, website is goviralprime(dot)com

[Leo]

Hi there,

Go to Appearance > Elements and edit the Header Search Form hook.

Modify the content from:
<div class="woo-search">[wcas-search-form]</div>

to this:
<div class="woo-search hide-on-mobile">[wcas-search-form]</div>

Let me know if this helps 🙂

[CHOUCHANE]

You’re a genius

[Leo]

Haha thanks 🙂

More info on the built-in hide-on classes:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes

They are handy!

[Author]

Posts