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

This topic contains 2 replies, has 2 voices, and was last updated by  Clement Co 2 years, 9 months ago.

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

    Clement Co
    Participant

    Hi!

    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!

    #28916

    wensolutions
    Keymaster

    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 !!

    #28943

    Clement Co
    Participant

    It worked perfectly!

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

    Regards,

    Clement

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.