Docs

[Andrei]

Hi guys,

How can I hide the line above the parent menu, when I hover over a sub menu, in the header? I attached an image.

Thank you!

[Andrei]

Also I would like to hover the hole box in the footer menu and in the sub menu, as the top menu is.

My website is //sinestezic.com

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none !important;
}
ul#menu-footer-menu li a:hover {
    background-color: rgba(0,0,0, 0.25) !important;
}

Hope that helps.

[Andrei]

Thank you Christopher for your reply. The first code worke like charm, unfortunately the second one doesn’t work.

[Thai]

Hi There,

Please delete this CSS:

ul#menu-footer-menu li a:hover {
    background-color: rgba(0,0,0, 0.25) !important;
}

And the following CSS instead:

#menu-footer-menu li {
    top: 0;
}
#menu-footer-menu li a {
    height: 29px;
    display: block;
    line-height: 29px;
}

Hope it helps 🙂

[Andrei]

Yes, it works great for the footer menu. It doesn’t work for the sub menu in the top menu.

[Christopher]

Hi there,

Please find this code :

.x-navbar .desktop .sub-menu a:hover {
    box-shadow: inset 0px 4px 0px 0px rgba(255,255,255,0.95) !important;
}

And update it to :

.x-navbar .desktop .sub-menu a:hover {
    box-shadow: 0px 4px 0px 0px rgba(255,255,255,0.95) !important;
 background-color: rgba(0,0,0, 0.25) !important;
}

Hope it helps.

[Andrei]

Hey Christopher,

Thank you very much for your reply. This is how it looks like. Can we bring the white line down, where the red line is, at the bottom of the box? Thank you again.

[Christopher]

Hi there,

Please follow my previous replay to display box shadow under the submenu items.

Thanks.

[Andrei]

Hi Christopher,

I did follow your previous reply and this is what I get (in the attached image). It adds another bacground over the previous background but the line doesnțt move at the bottom.

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

@media (min-width: 1200px) {
.x-navbar .sub-menu {
    bottom: 0;
}}

Hope it helps

Joao

[Andrei]

Hi Joao,

I tried it and it doesn’t work. You can see what I get in the attached image.

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.desktop .sub-menu {

padding: 0;
}

Hope it helps, if that does not work please provide your Wp Admin Credential in a private reply so we can provide you a final answer 🙂

Thanks

Joao

[Andrei]

Thank you Christopher, I managed to solve the problem. Thank you for your great support.

[Thai]

Glad you’ve sorted it out.

If you need anything else, please let us know 🙂

[Author]

Posts