Center logo in header of education demo on same line as menu

[charliemca]

Hi - Please help me with centering the logo between my menu items in the header. I am sending secure note with login info as this is a new build.

[mldarshana]

Hi There @charliemca

Thanks for writing in! Are you referring to vertical or horizontal alignment.

If you’re referring to vertical alignment, you can head over to X -> Theme Options -> Header -> Logo alignment area and then you can increase Navbar Top Logo Alignment value.

If you’re looking for horizontal alignment, you can X -> Theme Options -> Header -> Logo and Navigation and set the option as stacked.

Hope that helps.

[charliemca]

hi – no, Im wanting the logo centered between the two text links in the header. The logo and links need to be on the same line and not stacked. I want it to look like the image I have attached.

[jade]

Hi there,

X currently does not have a default option where you can place an image as a menu item. However, this is possible through custom development or using a third party plugins. As this goes beyond the scope of our support, kindly check this Google search result which could possible help you achieve what you are trying to do.

What you can do is you could set the header layout to stacked then add a custom CSS to hide the logo then use a plugin to set an image to the middle menu item.

To hide the logo, please add this code in the Global CSS:

.masthead-stacked .x-brand {
    display: none;
}

Hope this helps.

[charliemca]

So there is not a way to have menu items on the left and right of a centered logo?

[ruenel]

Hello There,

There are several ways of accomplishing what you have in mind.

1.) You can hide the default logo, add the custom menu item for your logo and insert a custom css to display your logo. Please check out this thread: https://theme.co/apex/forum/t/how-to-place-logo-in-the-center-of-the-menu/7600

2.) You can install UberMenu and insert your logo right in the menu. You may need to check this thread for that: https://theme.co/apex/forum/t/ubermenu-with-logo-center/32407/3

3.) Or for more better control, you can make use of the Pro Theme because it has a custom header and footer builder that would allow you to build a custom look of the header in anyway you want. You might need to check out this thread: https://theme.co/apex/forum/t/horizontal-menu-with-centered-logo/3785, https://theme.co/apex/forum/t/pro-header-and-footer-builder-introduction/103

Hope this helps.