Add search with full window input outside of header

Support
#1

Hello,

I currently have Ubermenu configured with the X Theme provided search icon placed in the header. One smaller view ports I have Ubermnu disabled and am using ShiftNav as an off canvas navigation option.

On my smaller screens I’d like to have that same search functionality in my ShiftNave toggler bar.

How can I invoke that search anywhere on my page?

(Prior to implementing ShiftNav, the search feature worked flawlessly on mobile and small screen device. I guess it’s not a matter of functionality, I just need to know how to invoke that search anywhere on my page.)

[edit] Page URL is: http://www.comdoc.cerebral-marketing.com

Thanks for any guidance!

#2

Hello There,

Thanks for writing in! The search icon is triggered with a click event and handled by a jQuery script built in the theme. The JS script detects any click events happening in the x-btn-navbar-search which is an element class added to the search icon. So it you want to invoke search using a link, you can create a simply link <a href="#" class="x-btn-navbar-search">Click to search</a>. If you have other menus and want to incorporate the search, you may need to insert a custom x-btn-navbar-search class in one of your menu items to make it work.

Hope this make sense.

1 Like
#3

Hi RueNel!

That worked perfectly! Thank you so much!

1 Like
#4