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 8 years, 5 months ago by
Brad Dalton.
-
AuthorPosts
-
July 28, 2016 at 1:46 pm #190394
Steffen
MemberI 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 🙂
Steffen
http://cc.implorus.com/July 29, 2016 at 6:34 am #190427Brad Dalton
ParticipantWhich 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 #191081jimwjensen
ParticipantHi Steffen...did you ever get a solution for your question? I have the same issue. Thanks!
JimAugust 11, 2016 at 12:32 am #191091Genesis Developer
MemberHere is the premium tutorials
August 16, 2016 at 12:26 am #191356Brad Dalton
ParticipantAugust 16, 2016 at 2:45 pm #191398Steffen
MemberJim: 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 #191410Brad Dalton
ParticipantSteffen: 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 #192118macrunner
Participant@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 #192120Brad Dalton
ParticipantPlease 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 )
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.