• Resolved tslminneapolis

    (@tslminneapolis)


    I’d like to know how to change the hover color of the responsive menu box from that bright red to a soft blue.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hello tslminneapolis,

    You can achieve this with the help of custom css, please apply the given css in your style file-

    button {
    background-color: #D9E9FF !important;
    }
    

    I hope the above was helpful.

    Kind regards,

    Manoj

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    @tslminneapolis, you might also want to add a bit of left and right padding, perhaps 10px to the menu toggle button so that the icon and text aren’t right up against the sides of the blue area.

    I might also suggest using button.menu-toggle as the selector so that it doesn’t inadvertently change the color of another button you do not wish to change, like this.

    button.menu-toggle {
    	background-color: #D9E9FF;
    	padding-left: 10px;
    	padding-right: 10px
    }
    Thread Starter tslminneapolis

    (@tslminneapolis)

    Ahhhh! Perfect!!!!!!

    You are a wealth of information. Thank you so much. 🙂

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    You are welcome, and thanks.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Responsive Menu Bar Hover Color’ is closed to new replies.