The problem is that in the non-hovered state, the link elements have a padding-top of 5px, but in the hovered state, the link elements have a padding of 0px, so it looks like the menu text jumps up 5px when you hover over it.
You can try adding this rule through a child theme or using a CSS plugin like Jetpack or Custom CSS Manager.
.new-container ul.menu li:hover ul.sub-menu li a:hover {
padding-top: 5px;
}
Thanks for the help. I added that in but it’s still doing the same thing
Where (i.e., which file or plugin) did you add the CSS? I’m having a hard time finding it.
The theme has a separate php file css for some reason and it’s called index.css.php
OK, do not edit the theme files directly. If the theme ever gets upgraded because of a security patch, feature enhancement, or because of a WordPress upgrade, then your changes will be lost. If the theme does not have a Custom CSS option, then install a CSS plugin and add the CSS to that.
