- This topic has 5 replies, 3 voices, and was last updated 4 years, 6 months ago by .
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
I really like the Essence pro theme though the one thing I'd like to see is the ability to have the search box nicely fit into the mobile/tablet navigation.
I thought an alternative would be to use the MegaMenu.com plugin I'm using now but would have no clue as to how to implement it into this theme and I doubt it would flow as nicely as the native one does.
Are there any tutorials or something out there on how this could be done?
Where exactly in the mobile navigation drop down menu did you want to position the search box?
Love wpsites, it's been very useful. I think it would look best at the very top of all the navigation links. What do you think?
Thanks for the positive feedback.
I think you would need to add it in the drop down menu before the menu items.
I know its fairly easy to add it to the menu using code like this https://my.studiopress.com/snippets/nav-extras/
You could then use media queries to hide it so it only displays on smaller screens.
Foodie Pro uses this method which you could look at and then modify so the search is added before the drop down rather than after it as is the default.
Not a 2 minute job but very good question.
Thanks for that tip! However, I need help in the code to set the search box to appear only on mobile version of the website...
Where do I put the @mobile query?
Thank you in advance!!
© 2023 WPEngine, Inc.