A user asked,
Monochrome Pro has a nice search implementation in the header but it is not visible on mobile view. It would be nice to pull it out of the menu and display it as a standalone item next to the hamburger menu on mobile view. A tutorial on how to do that would be awesome.
This tutorial provides the steps to move the search icon out of Primary Navigation Menu in Monochrome Pro and add it to the right of the nav menu so that it appears both in desktop and tablet/mobile views.
Tested in Monochrome Pro v1.0.
Step 1
Replace
add_action( 'genesis_header', 'monochrome_do_header_search_form', 14 );
add_filter( 'genesis_nav_items', 'monochrome_add_search_menu_item', 10, 2 );
add_filter( 'wp_nav_menu_items', 'monochrome_add_search_menu_item', 10, 2 );
with
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
