Centered Image Header

JayMa · June 2015

Just wondering if it's possible to get a header/menu with the logo centered and the menu split on both sides, like the one in use at http://www.fivepointspizza.com/. If not, this would be a great addition for a future theme because not all logos work well aligned to the left.

Albert · June 2015

Hi,

yes, it is possible of course. You can see this on http://themes.muffingroup.com/be/bar/ for example.

JayMa · June 2015

Yes that looks beautiful, thanks! I've already bought the theme, how do I get it to be centered like that?

Albert · June 2015

For this header, we set "Split" header style under Theme options > Header & Subheader > Header section and also we used below css to make it transparent:

/* Menu */
#Top_bar:not(.is-sticky) { background-color: transparent !important; }
#Top_bar .menu > li > a span:not(.description) { border: 0; }
#Top_bar:not(.is-sticky) #logo { height: 160px; line-height: 160px; }
#Top_bar:not(.is-sticky) .menu > li > a span:not(.description) { padding: 48px 30px; }

Centered Image Header

Comments