Change color of submenu

To change the background color of Sub Menu:

.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu li.current-menu-item > a {
	background-color: #ff0000;
	color: #fff;
}

Add that code to your CSS. Just so you know, you can change the main default color of the Theme (orange) to whatever color you want in the Admin Customize page. But this changes it all in one. If you want to have a certain section of your site separate, then you would have to add something like the code listed above as an example.

I added a red background in the code so you can test to see if it works.

The animation part you’re referring to comes from the Genesis Framework. The Aspire theme doesn’t add this effect. You would have to override it by adding code or a snippet of code to remove or adjust the speed.

I did a Google search and got this link – https://my.studiopress.com/documentation/snippets/scripts/ Hopefully that helps, if not, then there are more code snippets and tutorials out there that should be able to.