- This topic has 8 replies, 5 voices, and was last updated 6 years, 6 months ago by
.
-
Posts
-
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 🙂
Steffen
http://cc.implorus.com/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.
Here is the premium tutorials
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?
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.
@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.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.