How to put main-menu inside header on left, with logo in center?

[Toby39]

Hi folks,
I am trying to modify the 'Genesis Sample' child theme, so I can have a header that has the:
1. Main nav on the left
2. Logo in the center
3. Area on the right to have Social media icons

I am trying to achieve the type of header layout used on this site:
https://www.behance.net/gallery/Le-SALON/11604377

I am already using a Responsive menu (which activates when you see the Hamburger icon) used on this site:
http://www.progressivecyberspace.com

I appreciate that in Widgets, there is an option to put the menu in Header Right, but after trying this and modifying the CSS to try and get it to display on the left and with the logo on the center, I am wondering if there might be a faster and cleaner way to achieve this.

Is there a code fix for this? If not, I'd be very happy to look at a Plugin or a different Theme...

Any help would be appreciated.

[Brad Dalton]

Do you mean something like this https://www.youtube.com/watch?v=ftQvvHSOiZ8

What i did was rebuild the header, added 2 widgets and positioned the logo in the center.

---

Tutorials for StudioPress Themes.

[Toby39]

Thanks Brad,
Yes your example achieves what I'm trying to achieve myself.

I notice you have Widget Areas that I assume don't exist by default.
I have found a plugin to help add widget areas more easily.

Did you use a plugin, or an all code solution?

[Brad Dalton]

All code.

---

Tutorials for StudioPress Themes.

[Toby39]

I have found this plugin "https://wordpress.org/plugins/wp-custom-widget-area/" which should reduce some of the work.
I think I will play with the code and make use of Genesis Simple Hooks to make the new header.

[Author]

Posts