Active page menù trasparent

Hello,

For highlighting menu on mouse hover please use below CSS Rules:

.light_header #navy > li > a:hover {
    color: #fff;
    background-color: #003b84;
}

Save the changes.

I would like the menu item, corresponding to the active page, not to be highlighted.

Please explain in more detail & also provide screen-shot for better assistance.

Thank You

Ok, the highlighting work propely.

The other problem is that the menu item: SERVIZI and VANTAGGI
is ever highlighting
See:

https://www.dropbox.com/s/hlarj4j1puqhh47/Cattura.JPG?dl=0

I would like disable highlighting option for active page.

An other question for menù: can I align right?

• This reply was modified 7 years, 5 months ago by reddevlab.

Hello,

As we are looking for your site you have done it your self.

So put below CSS rules into Custom CSS Editor to show text on hover :

.light_header #navy > li > a, .light_header #navy > li > a:hover {
    color: #fff !important;
}
@media only screen and (max-width: 992px){
#navy > li > a > span {
    padding: 12px 12px;
    color: #fff;
}
}

Save the changes.

If you have any query please let us know.

Thank You

ok for the color and highlighting.
For the last question? Can I align right?

Hello,

Put below CSS Rules into Custom CSS Editor:

@media only screen and (min-width: 992px){
    #main_nav {
        float: right;
    }
}

Save the changes.

Thank You

Perfect! This solve my last problem!
Thank you!!!
bye!

You are most welcome.

Thank You