Community Forums › Forums › Archived Forums › Design Tips and Tricks › Adding Search to Menu
Tagged: nav menu, Search Form
- This topic has 8 replies, 5 voices, and was last updated 6 years, 6 months ago by Brad Dalton.
July 28, 2016 at 1:46 pm #190394SteffenMember
I am currently having difficulties trying to insert a search form into the right side of the menu bar in the Atmosphere child theme.
I followed the instructions in the “Add Nav Extras” page: http://my.studiopress.com/snippets/nav-extras/, but it placed the search bar underneath the menu.
I would like it to be an icon on the right side of the menu, which, when clicked on, would expand into the search bar seen here: http://codepen.io/JFarrow/pen/lqroH. I used the CSS used in this snippet, and got it somewhat closer to the end result, but it keeps breaking. That’s where I get stuck. I think it has to do with the search snippet in the functions.php conflicting with something else in the menu, but I may be wrong.
Please help me out with this 🙂
Steffenhttp://cc.implorus.com/July 29, 2016 at 6:34 am #190427
Which one did you comment out? Try the other one as there's 2 methods in the 1 snippet. Otherwise, you'll need CSS to fix it.
August 10, 2016 at 4:12 pm #191081jimwjensenParticipant
Hi Steffen...did you ever get a solution for your question? I have the same issue. Thanks!
JimAugust 11, 2016 at 12:32 am #191091Genesis DeveloperMember
Here is the premium tutorials
August 16, 2016 at 12:26 am #191356
Here's 15 tutorials to choose from.
August 16, 2016 at 2:45 pm #191398SteffenMember
Jim: Still no luck. If you look at my link I provided above, you can see how far I was able to get. I was able to get a small search box in the menu, but it still doesn't work correctly.
Brad: Thanks for sharing that link to the tutorials. The tutorial that shows the closest result I am trying to get is: http://wpsites.net/wordpress-tips/expanding-search-in-nav-menu/. The only thing is that I can't find the snippets in the Genesis Sample theme that the tutorial was talking about. Maybe in the most recent update from Studiopress, the snippets were removed from that theme?August 16, 2016 at 9:31 pm #191410
Steffen: The code for the expanding search form is custom code i spent several hours modifying to get it working in Genesis.
It's not included in any theme and is only available to members of wpsites.net. Installation support is included for members.
August 27, 2016 at 12:38 am #192118macrunnerParticipant
@Genesis Developer and @braddalton, with all due respect, this is a PUBLIC forum, where you share information for FREE.
Each user, if he wants, he shares what he knows.
Please promote your business in another way, thank you.August 27, 2016 at 3:23 am #192120
Please try this free tutorial http://www.wpbeginner.com/wp-themes/how-to-add-a-search-toggle-effect-in-wordpress/
If you have any complaints about this tutorial or code, please submit them to the author of the tutorial.
On the topic of self promotion: If you are spending hours working out and writing web design tutorials or building products like themes and plugins ( Free or Commercial ) you are welcome to promote them on these forums according to the forum rules meaning if someone asks for a specific type of solution, theme or plugin and your product provides the solution they need, you can drop a link to your work or someone else's in the community.
( Don't self-promote on threads out of context )
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.