How to add [search] to mobile menu bar right html

[koningdesign]

I have tried to search the present theme guide and forum for this but to no avail.

I have the search displaying in my header on desktop just fine, but I hide the header on mobile view.

So in mobile view, I want to display the search in the menu bar on the right.
I know under Main Options > Menus I can add Right HTML, but not seeing where to do that just for mobile.

I understand there is a shortcode [search] I can possibly use?

However I’m not sure how to use it in this situation.

Please help. Thanks

[scrambler]

Two possibility

Add the search to the menu and post a link to the site and we will give you CSS to hide it on desktop

If you have the Plus Plugin, add the search shortcode (explained in the Xtreme Plus > Search form) to the Right HTML area, and use the hide area to hide that are on desktop

 

[koningdesign]

Oh yea, I forgot about hiding on desktop.
Since I wanted to do a little more stylizing on the search field I used a combination of the Plus Plugin with custom CSS.

Thank you very much!

[Author]

Posts