Docs

[Matthew C]

Hello,

I wasn’t wondering if it’s possible to centralise my Navbar Menu vertically?

My url: http://courtcreations.com/

I would like to keep the Logo and the Social Icons where they are and keep them all aligned horizontally, I just want to move the Menu to the middle.

Thanks,

[Thai]

Hi There,

Please try with this CSS:

.masthead-inline .desktop .x-nav {
    display: table;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.x-navbar .desktop .x-nav>li.x-navbar-social {
    position: absolute;
    right: 0;
}

li#menu-item-8306 {
    right: 28px;
}

li#menu-item-8308 {
    right: 60px;
}

Hope it helps 🙂

[Matthew C]

Hi Thai,

That’s almost right but it’s not displaying exactly central, it’s off to the right slightly.

I’ve tried editing some of the px values and few other parts of the code to try and get it but no success.

Thanks.

[Thai]

Hi There,

Please add the following CSS also:

nav.x-nav-wrap.desktop {
    margin-top: -60px;
    float: left;
    width: 100%;
}
.x-brand {
    z-index: 99999;
    position: relative;
}

Regards!

[Matthew C]

That’s perfect! 🙂

Thank you very much.

[Thai]

If you need anything else please let us know.

[Author]

Posts