Center Menu without Stacking Logo

1daytokyo · September 2015

Hi there, I have looked thru support tickets but can't find how to simply center the logo along with the menu without the stacking occurring, including when in sticky mode. I am not using search fields or language bar. Great theme, loving it. Thank you!

Site is ==> http://ddrive.rocks

Albert · September 2015

http://forum.muffingroup.com/betheme/discussion/170/any-suggestion-how-to-center-menu-using-stack-center

1daytokyo · October 2015

so essentially, there is no way to center the menu but have the logo still on the left?

Albert · October 2015

But as we see, you use "Header split" style and all menu items are already centered. So maybe you mean to move menu items on the left, closer to the right side where logo is and items on the right side, closer to left next to the logo. Is that what you mean?

1daytokyo · October 2015

i am only using that because I could not find a way to center the menu while keeping the logo left. So to be clear, from left to right: LOGO--> aligned with left edge of wrapper/body, and MENU would be centered in the header, not aligned right but centered. to compensate earlier, I made the menu font very large.

Albert · October 2015

Only, if you will send us url to page with the proper header where you want to center menu, we'll be able to tell you if it's possible because we must check the code first.

1daytokyo · October 2015

http://ddrive.rocks is the site. thank you.

Albert · October 2015

We saw this site before but you still got split header style. In previous message you wrote that you want to use another header style. So until, you will not set the header style that you want to use, we won't be able to check if it's possible to center the menu in your header.

1daytokyo · October 2015

oh i understand what you mean now. i thought you were asking for the domain again. see attached photoshop of what i am hoping to do. thank you for the great support!

http://ddrive.rocks

Albert · October 2015

Ok, now we got this header. So it was pretty difficult and below you got the only css we found for this. IF this won't fit to your needs, please notice that nothing else won't be possible.

#Top_bar .menu_wrapper { width: 80% !important; }
#Top_bar .menu > li {
    display: inline-block !important;
    float: none !important;
    text-align: center !important;
}
#Top_bar #menu {
    text-align: center !important;
}

1daytokyo · October 2015

ill try it. thanks so much!

Albert · October 2015

You're welcome

Center Menu without Stacking Logo

Comments