Docs

[cleverdesign]

Hi,

I modified the hover and current-item effects in Integrity menu (green line below) like this:
/*groene lijn onder menu item*/
.x-navbar .desktop .x-nav > li > a:hover span,
.x-navbar .desktop .x-nav > .x-active > a span,
.x-navbar .desktop .x-nav > .current-menu-item > a span
{
padding-bottom: 5px;
border-bottom: 2px solid #82bb25;
}

Now, when i select a submenu item, i’d like that main item also have the green line below so a user knows where he is on the website.

Can you point me in the right direction please?
Thanks

[Jade]

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.

[cleverdesign]

This reply has been marked as private.

[Rue Nel]

Hello There,

Do you want something like this?

If that is the case, please update your custom css code and use this instead:

.x-navbar .desktop .x-nav > li > a:hover span,
.x-navbar .desktop .x-nav > .x-active > a span,
.x-navbar .desktop .x-nav > .current-menu-item > a span,
.x-navbar .desktop .x-nav .sub-menu .current-menu-item > a span{
  padding-bottom: 5px;
  border-bottom: 2px solid #82bb25;
}

Hope this helps. Please let us know how it goes.

[cleverdesign]

Hi,

Thank you but it is not really when i mean.

I’d like to have a green line under “Gas & Elektriciteit” when i click on “Voor bedrijven” and that page is loaded (and the submenu closes), so the viewer can see he is somewhere in the “Gas & Electriciteit” menu. So when reading the page “Voor bedrijven” the green line under “Gas & Electriciteit” is always visible.

[Thai]

Hi There,

Please add the following CSS:

.x-navbar .desktop .x-nav > .current-menu-parent > a span {
    padding-bottom: 5px;
    border-bottom: 2px solid #82bb25;
}

Hope it helps 🙂

[Author]

Posts