This article covers implementing How to set up animated Search form in Genesis tutorial in Minimum Pro.
We are going to unregister Header Right widget area and position Primary navigation menu in its place by moving it from genesis_after_header
to genesis_header
.
Step 1
In functions.php
replace
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//* Reposition the primary navigation menu | |
remove_action( 'genesis_after_header', 'genesis_do_nav' ); | |
add_action( 'genesis_after_header', 'genesis_do_nav', 15 ); |
with
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
Sridhar, nice tutorial! I would like to know how to hide the searchform using the search icon again. A slide toggle, just like the responsive menu.
Great tutorial. Following the instructions above looks good but when I click on the icon (which does not show up on everypage) it has NO effect? Any ideas? http://www.smbpress.com/
Went with this tutorial instead http://sridharkatakam.com/set-animated-search-form-genesis/.
Hi Sridhar!
How would this tutorial change if using the current sample theme, which has accessible responsive menu? I want to keep the accessible responsive menu but add the animated search icon. I’m guessing the change would be in the JS..?
I have just updated https://sridharkatakam.com/set-animated-search-form-genesis/ and added steps for the current latest Genesis Sample. There’s no change in the JS.
Hi, the seach form doesn’t appear on my site-header. I followed these indication https://sridharkatakam.com/set-animated-search-form-genesis/ and I use the minimum theme.
thanks
Can you provide the URL of your site?
Sorry I’m building my site on local server.