[Resolved] Search location for Ajax Search for WooCommerce

[Angelo]

I did some research but can’t seem to find the answer.

I added
Ajax Search for WooCommerce
to
http://www.sunward1.com

I disable the built in search at:
customize – layout – primary navigation – disable search

I am able to add the short code for the search function or use a widjet that the plugin provides.

The widjet takes up too much space. I can add the short code to another widjet, and it works, although it does take up some space. (currently being used)

Two problems.

One is on mobile devices, the search doesn’t show.
Two, the best place is still on the main menu bar, next to the cart icon, and I am not able to add it there.

Any suggestions?

[Leo]

Hi there,

It’s not showing on mobile device because the mobile header is activated which hides the header widget by default. If you deactivate it, it should show.
https://docs.generatepress.com/article/mobile-header/

To insert it in the navigation bar, try adding it using the inside_navigation hook in Hooks element:
https://docs.generatepress.com/article/hooks-element-overview/

[Angelo]

I changed the mobile header setting and solved the problem. I also changed the padding and everything is more compact.

[Leo]

Awesome 🙂

[Author]

Posts