Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #97372
    Dennis
    Participant

    Aloha – my mobile menu (three bars) is the same color as background so it is hard to see. Can you help me change the color and also add the word Menu next to it?

    #97401
    Mahesh
    Keymaster

    @mauitheatre:
    Hi Dennis,

    Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

    #responsive-menu-button {
        color: #ff0000;
    }
    /* For hover color */
     #responsive-menu-button:hover {
        color: #00ff00;
    }

    Note: Please change the color to your desired hex vaule.

    Regards,
    Mahesh

    #98333
    phillycontemporary
    Participant

    Hi! This code works for me, although after the three bars are clicked, the ‘X’ to minimize the mobile menu is still blue.

    The responsive menu color also changes back to blue when the ‘X’ is clicked (although the hover color remains)… Any thoughts?

    #98347
    Mahesh
    Keymaster

    @phillycontemporary: The ‘X’ color will take the same color as that of menu. If you want to change the ‘X’ color independently, add the following CSS

    .sidr-main-open #responsive-menu-button {
    	color: #ff00ff;
    }

    Regards,
    Mahesh

    #98364
    phillycontemporary
    Participant

    Great, Thank you–The code changed the color of the X, however the responsive menu three bar went back to blue when the X was clicked…

    #98413
    Mahesh
    Keymaster

    @phillycontemporary: Its because of :focus pseudo-class. Please add the following CSS:

    #responsive-menu-button:focus {
        color: #d40f7d;
    }

    Regards,
    Mahesh

    #98479
    phillycontemporary
    Participant

    Thank you! This fixed it! 🙂

    #98522
    Mahesh
    Keymaster

    @phillycontemporary: Thank you for your appreciation. Have a nice day!
    Regards,
    Mahesh

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Mobile Menu’ is closed to new replies.