Docs

[Benjamin H]

I was wondering if it is possible in the X-Theme to put the logo in between the menu bar at the top, as seen on this website: http://www.bereansgf.org/home.html ?

Thanks!

[Rahul]

Hey Benjamin,

It is absolutely possible.

The best solution for this is to add a menu item that has a background image of your logo that way it will be centered and unified with the menu.

You can add the logo as a menu item using the custom link option inside the Menus (Appearance -> Menus) and remove the top logo being displayed. Follow the screenshot (http://screencast.com/t/wIEoehVbZrT).

Then add the following CSS workaround into your Customizer, Custom > CSS section using the menu Appearance -> Customize.

.x-brand.img {
    display: none;
}

Hope that helps.

[Benjamin H]

Thank you! That worked to get it added. Is there a way to bring it up, though, so it is more centered, rather than hanging down? (http://ntbcnj.org/)

Also, on that same page, we have quite a large gap between the menu and the elements. Is there something we can do to shorten that gap a little bit?

Thanks for your help!

[Friech]

Hi There,

You can set the Logo and Navigation to Stacked instead, so the logo will be centered above the menu automatically.

That is under Customizer > Header.

That gap is the first section’s top padding. You can adjust that padding by inspecting that section on Cornerstone.

Hope it helps, Cheers!

[Benjamin H]

Actually, My goal was to still have it in the middle of the menu, not centered above the menu bar. The previous post explained how to do this, but the problem is that it hangs down too far into the content. My question was if it was possible to keep it as a menu item, but have it shift up to be centered BETWEEN the menu items.

Thanks!

[Joao]

Hi Benjamin,

Go to Appearance / Customizer / Header and adjust the Navbar Top Height according to your wishes.

Than add the following code to your Appereance / Customizer / Custom / CSS

.x-navbar .desktop .x-nav>li>a {

line-height: 8 !important;

}

You can adjust the value of the line height according to your needs.

Hope that helps,

Joao

[Author]

Posts