Plugin Author
malihu
(@malihu)
You have the following CSS in your stylesheet:
.main-navigation a:hover, a.mPS2id-highlight {
color: #a07e49 !important;
}
This makes the button text color the same as the button background color, thus it seems to “disappear”.
Not sure if you added this CSS or someone else(?)
If you want to keep the menu highlight color, you should change your CSS to:
.main-navigation a:hover, .main-navigation a.mPS2id-highlight {
color: #a07e49 !important;
}
otherwise, if you leave it to: a.mPS2id-highlight it’ll change the color of all in-page links including your off-menu buttons.
Thanks so much for your help, that has worked a treat!
That fixed my button problem, but now when I scroll down the page my active highlighting doesn’t work? It only seems to work if the menu items are clicked. Could you tell me how to fix this please?
Thanks for any help.
Plugin Author
malihu
(@malihu)
You have a typo in your CSS. This is what I get:
#home {
max-height: 0px;
.main-navigation a:hover, .main-navigation a.mPS2id-highlight {
color: #a07e49 !important;
}
which is missing an closing } on the first selector. The above should be:
#home {
max-height: 0px;
}
.main-navigation a:hover, .main-navigation a.mPS2id-highlight {
color: #a07e49 !important;
}
