Enfold header with logo left and menu centered below

My client wants a header where the logo is on the left and the menu is centered below. This would be very much like your medical demo at https://kriesi.at/themes/enfold-medical/, with borders between menu items. However, my client wants the logo at left instead of centered. I add css to move the logo left, but then the menu below also shifted left.

Nevermind, I believe I was able to solve this issue! CSS I used is below in case it’s helpful to someone:
.html_header_top.html_logo_center .logo {
left: 10%;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
}

• This topic was modified 5 years ago by rlhinirv57.