[Resolved] mobile drop down menu

[Olga]

Hello!

I have an issue with mobile drop down. The transparent dropped down menu items clash with the text on the top section, and it does not look good.

My desktop menu is set as transparent, and that’s fine, but on mobile drop down it becomes a mess!How I control them separately?

GP Premium 1.7.8

[David]

Hi there,

so try disabling the Merged Site Header for mobile. Go to the Header Element > Site Header Tab and on the merge settings you can set it to desktop only. You Mobile header will then use the colors you have set in the customizer.

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

[Olga]

Is Header Element > Site Header Tab on the wp dashboard somewhere, or on the customiser?

[David]

Aah actually you’re using the Legacy Page Headers, in that case try this CSS:

.main-navigation.toggled .main-nav > ul {
    background-color: #3f3f3f;
}

If you want to check out the new Elements modile in the future then you can learn more here, but if the old page headers are working for you then there is no need to change:

https://docs.generatepress.com/article/elements-overview/

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

[Olga]

Perfect, thank you!

[David]

Glad to be of help

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

[Author]

Posts