Docs

[speester]

http://aceforx.com/

Before scrolling (menu background transparent)

No hover – Green with white font
hover – gold with black font

perfectly fine

After scroll (menu background white_

No hover – Green with black font
hover – gold with grey

Cannot see clearly for after scroll

can the colors for background and font be the same as before scrolling ?

Thanks !

[speester]

This reply has been marked as private.

[Jack]

Hi there Nelson,

Thanks for writing in.

You can change the font color by adding this Custom CSS under Appearance > Customize > Custom > CSS.

.x-navbar .x-nav > li > a {
color: #ffffff !important;
}

For the gold, I didn’t see that on scroll or when not scrolling at the top of the page, do you have a screenshot of that? And did you want the menu to always be transparent and not just on scroll?

We’re here to help. 🙂

Thanks!

[speester]

Attach screen shot for easier reference.

Want to solve the after hover color issue.

Thanks

[Jade]

Hi Nelson,

Please find this code:

.x-navbar.x-navbar-fixed-top .x-navbar-inner a span {
    color: #2b2b2b;
}

and update it to this:

.x-navbar.x-navbar-fixed-top .x-navbar-inner a span {
    color: #fff;
}

Then add this code:

.x-navbar-fixed-top-active .x-navbar .desktop .x-nav > li.x-menu-item-woocommerce > a:hover span {
    color: #000;
}

Hope this helps.

[Author]

Posts