Move Logo

[kimberlymwhd]

On the minimum theme is it possible to move the logo above the navigation bar and center?
I would like the logo to be large and centered. If you could let me know if its a hook placement or what. Thank you!

http://www.southernjunkers.com/

[Victor Font]

Remove the menu from the header widget area and assign the menu to the primary menu location in the menu editor. This will place the menu in its default position under the header (under the logo). https://victorfont.com/understanding-genesis-framework-site-header-layout/

The in CSS, you have to remove the float: left from the title area and change the width to 100%. Then use text-align: center or margin: 0 auto; to center the logo. I'm not sure which one because I can't test the code while your menu is in the widget area. This is the basic approach.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[kimberlymwhd]

Victor you are a genius! Thank you! I have fixed it with text-align: webkit-center;

[Victor Font]

Kimberly, webkit-center applies only to webkit based browsers such as Safari and Chrome. This won't work in Firefox, Opera or Edge.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[kimberlymwhd]

Well, that's a shame, when I changed it to just center it won't work now!

[Victor Font]

You can stack commands. The browser will choose the right one.

text-align: center;
text-align: -moz-center;
text-align: -webkit-center;

These three will cover them all.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[kimberlymwhd]

Thank you solved!!!!!!

[Author]

Posts