Docs

[TIS123]

Hi,

Just bought a new license for my second Theme X site. Would be great if you can help me with some CCS-ing, I intend to use a solid navbar hover in the menu as shown in the attachment. Hope this is possible.

Best regards, Hans.

[Darshana]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[TIS123]

This reply has been marked as private.

[Christian]

Please add the code below in your Appearance > Customize > Custom > CSS

.x-navbar .desktop .x-nav > li > a {
    height: 57px;
}

.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, .x-navbar .desktop .sub-menu li > a:hover, .x-navbar .desktop .sub-menu li.x-active > a, .x-navbar .desktop .sub-menu li.current-menu-item > a, .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a, .x-navbar .mobile .x-nav li > a:hover, .x-navbar .mobile .x-nav li.x-active > a, .x-navbar .mobile .x-nav li.current-menu-item > a {
    background: #23165D;
    color: #fff;
    text-decoration: none;
}

.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: none;
}

Hope that helps. 🙂

[TIS123]

Hi,

This is the perfect solution, it works! Glad I use this beautifull theme with such great AND fast support 😉

Kind regards, Hans.

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts