[Support request] Color menu for smartphone

Home Forums Support [Support request] Color menu for smartphone

Home Forums Support Color menu for smartphone

  • This topic has 5 replies, 3 voices, and was last updated 2 years ago by Leo.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2140388
    Nicolas

    Hello,

    I’ve got a problem with my color menu when I see the website with a smartphone.

    How can I change th background color, the symbol color and the hover color for smartphone view without change the color for the computer view ?

    Thanks for help

    Best

    Nicolas

    #2140392
    Fernando
    Customer Support

    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. 🙂

    #2140399
    Nicolas

    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

    #2140405
    Fernando
    Customer Support

    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. 🙂

    #2141038
    Nicolas

    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

    #2141146
    Leo
    Staff
    Customer Support

    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.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.