Title: Menu implementation Last modified: October 19, 2016 --- # Menu implementation * Resolved [Indent](https://wordpress.org/support/users/indent/) * (@indent) * [9 years, 6 months ago](https://wordpress.org/support/topic/menu-implementation/) * I’m using Underscores for developing a WP theme and I’m having trouble implementing this menu ([HugeInc example](http://tympanus.net/Development/FullscreenOverlayStyles/)) for mobile/small screens (like on [http://www.hugeinc.com/](http://www.hugeinc.com/)). * Also, I’m trying to get the menu button to fade when tapping it (as on the Huge web site) and to get the menu to collapse when clicking menu items. * Any help would be greatly appreciated. Thanks. Viewing 5 replies - 1 through 5 (of 5 total) * [LebCit](https://wordpress.org/support/users/lebcit/) * (@lebcit) * [9 years, 6 months ago](https://wordpress.org/support/topic/menu-implementation/#post-8332311) * Hello, * I see, from your profile, that you’ve been here since 2009… Since you are using _s, I assume that you know how to develop… Tell me what you did till now and I’ll help you get it to work. * SYA 🙂 * Thread Starter [Indent](https://wordpress.org/support/users/indent/) * (@indent) * [9 years, 6 months ago](https://wordpress.org/support/topic/menu-implementation/#post-8336583) * Hi, * Yes, I know how to develop on a basic level, but I’m a designer. Tech savvy, not so much. But, I read every bit of code that’s part of my theme so I can learn and understand. * OK, so in my workflow, configuring the menu is something I do right after I’ve set up style.css, functions.php, fonts, styling the header, etc. So, I have not yet implemented any of the HugeInc menu code, just read through the code (index. html, style1.css, classie.js, demo1.js). Also, I understand that the modernizr. custom.js is necessary. My theme is responsive, one-column, 100% width, has a standard header with a logo on the left and the _s dropdown menu to the right. The goal is, on small screens, to have a hamburger menu icon to the right instead of the _s button. And that’s how far I’ve got. * This is my first time around with mobile menus, and I find it kind of daunting to implement all this in the _s navigation.js, style.css and functions.php. Stumped, to say the least. * I hope you don’t feel I’m trying to exploite your hard earned knowledge. I’m prepared to pay for it. Seriously. * Thank you so much for taking the time. * J * [LebCit](https://wordpress.org/support/users/lebcit/) * (@lebcit) * [9 years, 6 months ago](https://wordpress.org/support/topic/menu-implementation/#post-8338183) * Hello, * I’ll get back to you today. Two questions : 1- Is your site local or live ? 2- If your site is local, can you send me a link to download your theme ? (I assume that you have done a lot of css changes…) * Waiting for your link * SYA 🙂 * [LebCit](https://wordpress.org/support/users/lebcit/) * (@lebcit) * [9 years, 6 months ago](https://wordpress.org/support/topic/menu-implementation/#post-8340317) * Hello again, * First of all, it’s not allowed to hire, pay, or ask for a job here. [Offering to Pay](https://codex.wordpress.org/Forum_Welcome#Offering_to_Pay) If you really want to hire me or another developer to get the job done, you can do it on [WP Jobs](http://jobs.wordpress.net/post-a-job/). * All that said, I’m going to help you get the menu to work, nothing more. You’ll have to style it as you feel and need, debug according to your theme if any bug/ conflict… * 1- [Download FullscreenOverlayStyles](https://drive.google.com/open?id=0B5QvGn4LlSHueDl3ekpFV283UEE), I named it fos.zip, extract it and place the **fos** folder at the root of your theme (at the same level as your main style.css file). * 2- In your **function.php** file, place this code * ``` function fos_scripts() { wp_enqueue_style( 'fos-norm-style', get_template_directory_uri() . '/fos/css/normalize.css', array(), '' ); wp_enqueue_style( 'fos-style1-style', get_template_directory_uri() . '/fos/css/style1.css', array(), '' ); wp_enqueue_script( 'fos-classie-js', get_template_directory_uri() . '/fos/js/classie.js', array( 'jquery' ), '', true ); wp_enqueue_script( 'fos-demo1-js', get_template_directory_uri() . '/fos/js/demo1.js', array( 'jquery' ), '', true ); wp_enqueue_script( 'fos-modern-js', get_template_directory_uri() . '/fos/js/modernizr.custom.js', array( 'jquery' ), '', false ); } add_action( 'wp_enqueue_scripts', 'fos_scripts' ); ``` * 3- Since your using _s, go to **header.php** line 43 remove **class=”main-navigation”** line 45 replace the whole line by ` 'primary', 'menu_id' => 'primary-menu', 'container' => '' ) ); ?>` * 4- You should wrap the