Centering inline menu

[kstidham]

I have removed the inline logo on the homepage of this site. I want it to display on the other pages. On the homepage where I do not want it to display, I need to know how to center the inline menu without the logo on this one page.

Please advise. Thank you.

http://courtneym16.sg-host.com/

[ruenel]

Hello @kstidham,

Thanks for writing in!

Your site is under construction mode we cannot check it at the moment. Please be advised that the logo and navigation set up in the header will only have one global setting and this layout will be used in the entire site. If you do not want to display the logo on the home page and display it on the rest of the pages, it is best that you use the Pro theme. With the Pro theme’s Header Builder, you will be having more control over all aspects of the header and you can use various elements to create a custom header.

Kindly check the Elements section of our documentation to learn more on which elements you can use on Pro Header/Footer builders.

Thank you.

[kstidham]

The UC noticed has been disabled. Can you please take a quick look and assist us where we are. I do not want to stop and design a custom header when there should be something we can do with the css to make it work without all the extra work.

Thanks Ruenel.

[prakash_s]

Hello @kstidham,

To align the menu in the center you can use this custom CSS code under Theme Options —.>CSS

.home .masthead-inline .desktop .x-nav {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.home .x-navbar .desktop .x-nav>li {
    float: none;
    display: inline-block;
}

Please note the given custom CSS code would only work on the home page. In case if you want to render it to all the pages you need to remove the .home from the CSS code.

Please note that the code provided above serves as a guide only and it would ultimately be your responsibility to take it from here. If you are unfamiliar with code and resolving potential conflicts, you may opt-in on our One service for further assistance.

Thanks

[kstidham]

You are the man! This is exactly what I needed. Worked perfectly.

[friech]

Glad we could help,

Cheers!