Menu colors in DEV site

[L.]

Hi,
I am new to generatepress and i do have a question about the colors of the menu. I have the DEV site installed. The problem i have is this.

The menu items go up a little with the mouse hovering the item. That is oke. At the same time the color changes. When you leave the menu item the item is unreadable because the item gets bold and black.
Is it possible to change this? And can you please tell me how>

Thanks,
Leo

[Leo]

Hi there,

I’m not seeing the issue in the default Dev template here:
https://gpsites.co/dev/

Am I missing something?

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[L.]

Leo, thank you for the quick response.

I can not send you the link to the site cause it is on localhost, i am working on it.

I did a test with the default DEV site on; https://gpsites.co/dev/
I tested with 3 browsers;
– Firefox, the menu worked oke
– Edge, the menu items turn bold black with mouse over
– Chrome, the same as Edge.

Thanks

[Leo]

Can you try adding this CSS?

html { 
    -webkit-font-smoothing: unset !important;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tom]

I think this may be Chrome trying to render a 3d transform on the text element.

In Customize > Additional CSS, find this:

.main-navigation .main-nav ul li:hover > a {
    transform: translate3d(0, -3px, 0);
}

And replace it with this:

.main-navigation .main-nav ul li:hover > a {
    transform: translateY(-3px);
}

Let me know if that helps or not 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[L.]

Hello Tom,

First, sorry for this extremely late response.

I wanted you to know that the suggestion you had is the solution. The menu works like it should do .
Thank you very much.

[Tom]

Great to hear – thanks!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts