Home Forums Pro Themes eVision Corporate Pro Changing the color of the Menu "shortcut button" on mobile display

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #28889
    Clement Co


    I am currently facing an issue with the mobile display of my website.
    In the regular browser view, my header is white and the menu titles are black ; But when displaying the website on a mobile web browser, the menu “shortcut button” appears in white on a white header, thus invisible.
    Would anyone know which functionalities or custom css would help me change the color of this button?

    Thank you all in advance!


    Hello@Clement Co,

    The mobile menu hamburger icon color is set to white by the theme’s default layout / design.

    As the color of your header is also white, the icons are not being visible currently. To resolve the issue, please use the custom CSS below in your Admin Dashboard > Appearance > Customize > Additional CSS to change the color of the icon to black and be visible on the white header.

    @media screen and (max-width: 767px){
    .main-navigation .menu-toggle i {
        color: #000;

    You can also use the CSS selector to change the color to desired color by replacing the color hex code. For reference on color Hex, see the link here : http://www.w3schools.com/colors/colors_picker.asp

    Hope this Helps,

    Best Regards !!

    Clement Co

    It worked perfectly!

    Thank you a thousand times, now it looks much better.



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