How to change the orange hover color on the responsive menu?

Hi Lars, give this a try:

@media screen and ( max-width: 1280px ) {
  .main-navigation li a:hover, .main-navigation li a:focus, .main-navigation li a:active {
    color: #bb00bb;
  }
}

Change the example purple to whatever you like.

Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated.

An easy way to add custom CSS is to use the CSS editor included in the Customizer as of WordPress 4.7. Head to Appearance > Customize > Additional CSS to add your custom CSS.

If you need further help, could you provide a link to your site? Thanks!

I tried doing the same thing and it changed it partially but whichever page I am on still stays orange. Also when I go onto the page its no longer a drop down menu so that is also still orange – would you be able to help? My website is https://www.whatbettydid.com

whatbettydid – did you get this sorted out? I’m not seeing any orange on your desktop or mobile menu – it all looks pink.

Hello! Yes I looked back on old posts and managed to do it! Thank you! I have just posted on here with regards to a different issue with my images – if you could help me with that that would be a huge help!

Great!

For your other issue, you’ll get a reply in the other thread. We reply to questions in the order in which they come in. ??

Hi Kathryn (@zoonini)

Thanks for this code

Could you also help me with the CSS to change the “hover-color” on the Pesponsive-menu (the “burger” and “menu”) it self

Please ??

Thanks from Copenhagen, Denmark

Hi Lars,

Could you also help me with the CSS to change the “hover-color” on the Pesponsive-menu (the “burger” and “menu”) it self

Sure, just add this CSS to your site:

/* Set color for responsive menu button */

.menu-toggle:hover {
    color: #bb00bb;
    border-color: #bb00bb;
}

Thanks David (@dcoleonline) ??