Color menu for smartphone

Hi Nicolas,

We can achieve that through custom CSS. If you can provide a link to the site in question, we can figure out a way to provide the appropriate code to achieve the look you’re going for.

It would also help if you can also send screenshots of the specific elements you which to alter, and an explanation of how you wish to alter them.

Hope to hear from you soon. :)

Thanks for reply.
This is the link : https://foyercotedazur.com/
As you can see in smartphone view we can't see the menu symbol. So it's difficult to find the menu.
How can I send you a screenshot ? There is no place for adding attachement.

Best
Nicolas

I see. Here is a CSS you may try adding to change the color of the toggle menu:

.main-navigation button.menu-toggle {
    color: var(--base);
}

This uses a color from the Global colors in Appearance > Customize > Colors. You may choose a difference Global color by replacing base with the CSS variable name of the Global color you wish to use.

See: https://share.getcloudapp.com/nOuRdN9L

Alternatively, here is a code if you wish to use rgb:

.main-navigation button.menu-toggle {
    color: rgb(255, 255, 255);
}

Either should work.

Here is an article with regards to adding CSS: https://docs.generatepress.com/article/adding-css/#additional-css

Adding it through Additional CSS should work.

With regards to uploading screenshots: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots

Hope this helps. :)

Ok thank you. It's fixed now.

And if I want to change the blue color of the background for smartphone view. What can I do ?

Best
Nicolas

Are you referring to this?
https://www.screencast.com/t/f3xWhAli

If so that's set within Elementor.

I would recommend checking with their support team and see if that can be avoided.