Docs

[gabrieldesign.swiss]

Hi there

1. What CSS-Code do I need, when I wan to have my current site in another color (top navbar)?

2. When I have a dropdown-nav and I am on a sub-page, is it also possible to have the current Site from top-nav in this color?

Thanks

[Rahul]

Hey 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.

[gabrieldesign.swiss]

This reply has been marked as private.

[Jade]

Hi there,

Do you mean the background color of the main navigation?

If so, kindly add this code in the customizer:

.x-navbar-inner {
    background-color: #efefef;
}

Kindly change the background color value.

Hope this helps.

[gabrieldesign.swiss]

Hi there,

i just want to hilight the current page, so, when i’m on the services-site the navigation should show an underline or something like that. And my second question was: When we have a top-nav-subject called services and to this we have a dropdown with 3 sub-nav-subjects, let’s say 1. webdesign 2. printdesign 3. video > when i am on the webdesign-page, then i wanna have the “mother-subject” (services) hilighted in the top nav-bar.

Do you get me? 🙂

[Rue Nel]

Hello There,

Thanks for updating in! When I view your site, I am seeing this: http://prntscr.com/dxyy63

I am not seeing the Services in the topbar or in the main menu. Meanwhile, to resolve your issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-navbar .desktop .x-nav > li.current-menu-parent > a {
    color: #731518;
}

.x-navbar .desktop .x-nav > li.current-menu-parent > a > span {
    box-shadow: 0 2px 0 0 #731518;
}

.x-navbar .desktop .current-menu-parent .sub-menu .current-menu-item a {
   color: #731518 !important;
}

Please let us know if this works out for you.

[gabrieldesign.swiss]

Fantastic, you rock!!

[Paul R]

Thank you for your kind words. Have a nice day! 🙂

[Author]

Posts