Navbar top hover line to bottom

Support
#1

Greetings,

I’m using the Integrity stack and would like to change the size of the top hover line above navbar menu items and move it to the bottom, similar to the gym demo.

Any chance you can help with the CSS?

Cheers

#2

Hi @yaqubb,

Thanks for writing in.

You could use this CSS below:

.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: inset 0 -6px 0 0 #ff2a13;
}

Adjust the -6px to increase the size of the line.

Hope it helps.

Let us know how it goes.

Thanks.

#3

That worked. Thanks for the help Nico.

1 Like
#4