Docs

[tipul01]

Hello,

I tried the following code form this forum to make the logo be in the middle of the navbar, but maybe it interferes somehow with the ubermenu plugin, making the picture not show? Its just the word LOGO, i wrote in the menu builder.

test.digitalcube.ro/Word

@media (min-width: 980px) {
.x-logobar {
display: none !important;
visibility: hidden !important;
}
.x-navbar .desktop .x-nav > li.logo-menu-item > a {
text-indent: -99999px;
text-align: left;
width: 306px;
height: 62px;
background: url(http://test.digitalcube.ro/Word/wp-content/uploads/2017/01/CUB.png) no-repeat center center;
background-size: contain;
}
}

Thank you,
Sebastian

[Rupok]

Hi there,

Thanks for writing in! Your code is for X menu but you have switched to Ubermenu. Let’s update the code to following :

@media (min-width: 980px) {
    .x-logobar {
        display: none !important;
        visibility: hidden !important;
    }
    .x-navbar .ubermenu-main .ubermenu-nav > li.logo-menu-item > a {
        text-indent: -99999px;
        text-align: left;
        width: 306px;
        height: 62px;
        background: url(http://test.digitalcube.ro/Word/wp-content/uploads/2017/01/CUB.png) no-repeat center center;
        background-size: contain;
    }
}

Hope this helps.

[tipul01]

Hello,

Million thanks!

It worked.

Is there any way to disable uber menu’s highlight of the logo item? I mean just turn off the highlight of one menu entry/link?

And is there an option or css code to centre the rest of the menu to that of the logo? Right now they are aligned to the bottom of the logo.

Thank you!!!!!!

[Thai]

Hi There,

Please also add the following CSS:

@media (min-width: 980px){
    #menu-item-2388 a:hover {
        background: url(http://test.digitalcube.ro/Word/wp-content/uploads/2017/01/cub.png) no-repeat center center;
        background-size: contain;
    }
}

Hope it helps 🙂

[tipul01]

Super thank you for the highlight hover.

Can you direct me how to center the menu items to the logo? or vice-versa? Right now they are aligned at the bottom, but i would like for the buttons to be aligned to the center of the logo menu item?

Thank you.

test.digitalcube.ro/Word

[Nico]

Hi There,

First, you need to increase your navbar height. In your customizer > Header > Navbar height.

After increasing it, add this in your Customizer > Custom > CSS:

.ubermenu-item-2388 a{
    margin-bottom: -13px; /*adjust this to achieve center of your logo*/
}

Hope it helps.

Let us know how it goes.

Thanks.

[Author]

Posts