Title: Help Customizing Navigation Menu Last modified: April 10, 2017 --- # Help Customizing Navigation Menu * [ravenvinnie](https://wordpress.org/support/users/ravenvinnie/) * (@ravenvinnie) * [8 years, 12 months ago](https://wordpress.org/support/topic/help-customizing-navigation-menu/) * Hey everyone. OK, so, I’m just switched over from WP.com to WP.org so that I can both further customize my website, and also set up Woo Commerce (I’m not quite there yet). * I have the latest version of WP installed, and my current theme is “Customizr”( which, I’m not married to, and am more than willing to change if it makes this process easier). * Basically, what I’m trying to do is set up an image based navigation menu in the header area of my site with responsive buttons that are also images that are linked to the respective pages they lead to. I would like to lay these out as I see fit and not have them be scrambled around everywhere if it’s possible. * I’ve already laid it out in Adobe Photoshop, and now I’m ready to start transferring it over (BTW, every element is a separate layer, just in case there is a need for certain elements to be uploaded separately or what have you). * Honestly, the nav bar is probably the most complicated part of my desired design( the rest is just neat standard pages, a call to action widget here or there, basic stuff I can probably figure out). * I would like to go ahead and clarify that I know nothing about code, and if I had it my way, I’d be using WP the same way you could use Intuit Homestead to just drag and drop elements willy nilly and do as you please. * I hope none of this comes off as pompous or anything. I’m just confused and really eager to get things moving with this website. I really am into the vision I have, and I really appreciate the help. * Thanks everyone! 😀 Viewing 5 replies - 1 through 5 (of 5 total) * [Shariq Khan](https://wordpress.org/support/users/shariqkhan2012/) * (@shariqkhan2012) * [8 years, 12 months ago](https://wordpress.org/support/topic/help-customizing-navigation-menu/#post-9013399) * Do you have an image or a screenshot which better explains what you are aiming for? * Thread Starter [ravenvinnie](https://wordpress.org/support/users/ravenvinnie/) * (@ravenvinnie) * [8 years, 12 months ago](https://wordpress.org/support/topic/help-customizing-navigation-menu/#post-9020723) * Sorry for the delay. I wanted to throw something together that made sense, and I was spending some time with family yesterday. * ![Rough layout of my site with an almost finished banner layout that I'm ready to test before tweaking further](https://i0.wp.com/www.ravenvinnie.com/wp-content/ uploads/2017/04/wpforum1.png?ssl=1) * ![I also really wanted to somehow make a custom hover-highlight for the banner's buttons as well](https://i0.wp.com/www.ravenvinnie.com/wp-content/uploads/2017/ 04/wpforum2.png?ssl=1) - This reply was modified 8 years, 12 months ago by [ravenvinnie](https://wordpress.org/support/users/ravenvinnie/). * [Shariq Khan](https://wordpress.org/support/users/shariqkhan2012/) * (@shariqkhan2012) * [8 years, 12 months ago](https://wordpress.org/support/topic/help-customizing-navigation-menu/#post-9021646) * See if either of these helps you: * 1. [http://demo.woorockets.com/plugins/wr-megamenu/](http://demo.woorockets.com/plugins/wr-megamenu/) * 2. [https://www.megamenu.com/](https://www.megamenu.com/) * 3. [http://www.wpbeginner.com/plugins/how-to-add-image-icons-with-navigation-menus-in-wordpress/](http://www.wpbeginner.com/plugins/how-to-add-image-icons-with-navigation-menus-in-wordpress/) * 4. [https://wisdmlabs.com/blog/add-images-icons-to-menu-wordpress/](https://wisdmlabs.com/blog/add-images-icons-to-menu-wordpress/) * 5. [https://wordpress.org/plugins/nav-menu-images/](https://wordpress.org/plugins/nav-menu-images/) * Thread Starter [ravenvinnie](https://wordpress.org/support/users/ravenvinnie/) * (@ravenvinnie) * [8 years, 12 months ago](https://wordpress.org/support/topic/help-customizing-navigation-menu/#post-9025126) * This all was a great start for me, but I’m still having a very hard time getting the final result I want. * To be more specific, most themes won’t even let me do anything with the header itself, the menu plugins you linked to don’t allow for me to build a menu in the fashion that I had laid out above (I tried all of them), and I’m not sure how I could put a CSS widget in the header area of each page of my site so that perhaps I could translate my PSD file to CSS and link everything from there ( if that’s a thing I can do). * It just seems like a thing that should be so easy to do, but I’m having a hard time doing with WordPress. * Again, I really appreciate your help, and if there’s anything else you could possibly tell me, I’d really appreciate it. * -Raven Vinnie * [Shariq Khan](https://wordpress.org/support/users/shariqkhan2012/) * (@shariqkhan2012) * [8 years, 12 months ago](https://wordpress.org/support/topic/help-customizing-navigation-menu/#post-9025753) * These links are doing exactly what you want: * 1. [http://blog.one.com/en/add-images-wordpress-navigation-menu/](http://blog.one.com/en/add-images-wordpress-navigation-menu/) * 2. [https://premium.wpmudev.org/blog/wordpress-menu-images/](https://premium.wpmudev.org/blog/wordpress-menu-images/) * 3. [http://www.wpbeginner.com/plugins/how-to-add-image-icons-with-navigation-menus-in-wordpress/](http://www.wpbeginner.com/plugins/how-to-add-image-icons-with-navigation-menus-in-wordpress/) Viewing 5 replies - 1 through 5 (of 5 total) The topic ‘Help Customizing Navigation Menu’ is closed to new replies. ## Tags * [bar](https://wordpress.org/support/topic-tag/bar/) * [based](https://wordpress.org/support/topic-tag/based/) * [css](https://wordpress.org/support/topic-tag/css/) * [custom](https://wordpress.org/support/topic-tag/custom/) * [header](https://wordpress.org/support/topic-tag/header/) * [html](https://wordpress.org/support/topic-tag/html/) * [image](https://wordpress.org/support/topic-tag/image/) * [menu](https://wordpress.org/support/topic-tag/menu/) * [navigation](https://wordpress.org/support/topic-tag/navigation/) * [navigation bar](https://wordpress.org/support/topic-tag/navigation-bar/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 5 replies * 2 participants * Last reply from: [Shariq Khan](https://wordpress.org/support/users/shariqkhan2012/) * Last activity: [8 years, 12 months ago](https://wordpress.org/support/topic/help-customizing-navigation-menu/#post-9025753) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics