Agency Responsive Navigation Menu & Header

[livelife7]

Hello,

Please visit my site at lohrbend.com. I left the navigation menu showing how I am wanting 5 main tabs, along with 4 social widgets to the right of my header. I would like to have everything displayed in one long bar. How can I reduce the header width and/or expand the navigation menu width to display everything while having a responsive menu? The way it is right now, nothing in the menu is very responsive.

Thank you in advance!!

http://lohrbend.com

[nutsandbolts]

It looks like you're missing some of the CSS for the smaller media queries - you might look over the original Agency Pro stylesheet and compare it to yours to see what has changed.

As for displaying the social icons inline with the menu, @braddalton has a great tutorial: http://wpsites.net/web-design/display-header-right-widget-custom-menu-social-icons-in-line/

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[livelife7]

Thank you for the response! I will look over Brad's tutorial.

As for the navigation responsive issues. I pasted back in the original css for the media queries section and the menus are still not responsive. Do you have any ideas as to what I might be missing?

Thank you!

[livelife7]

Scratch that, the navigation is responsive again. I will try Brad's tutorial later to see if I can get that to work too. Thank you!

[livelife7]

So I inserted the code, but still cannot seem to get the icons to be inline with the navigation. What am I missing?

Lohrbend.com

Thank you!!!

[Author]

Posts