Menu colors in DEV site

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 :)

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

Can you try adding this CSS?

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

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

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 :)

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.

Great to hear - thanks!