Replace Burger With Text + Hover

9 minutes ago, robfeltrin said:

Hello! 

I've used this code to replace the burger menu with text, but I would like the text to change colour on hover. I've tried a few different things but can't seem to figure it out. 

Current code: 

// Mobile Menu Text //

.burger-box:after {
content: "Menu =";
text-align: right;
font-size: 16px;
color: #000;
display: block !important;
}

.burger-box {
  width: 60px !important;
  height: 25px !important;
}

.burger-box div {
display: none;
}

Any idea how to add hover effect to the text? 

https://violin-halibut-2csa.squarespace.com/

mmmarchitects

Thanks!

 

Here is the code

.burger-box:hover:after {
  color: red !important;
}