I’m using the following CSS to create a hover effect on Mega Menu. I’d like to create a 10px padding between the border and the Navigation text. Any suggestions; so far, I’ve came up empty?
.underline-on-hover:hover {
text-decoration: none;
border-bottom: 4px solid white
}
I was curious to see how this looked, so I tried it on a project that I’m using Mega Menu on, but didn’t see any effect. Also, when I search the Page Source code, I can’t find the selector .underline-on-hover:hover. Also looked on the Mega Menu example pages, but didn’t see .underline-on-hover:hover in the source code there either.
So feeling pretty stupid as I’m probably overlooking something obvious. Any clue as to what I’m missing?