Docs

[Luneth]

Hello! I’m completely stuck on how to modify my menu styles to add animated css hover effects.

Here’s my website:
-removed-

I’ve done as much as I can do with Ubermenu’s interface, but now I want to make the menu look like this:
-removed

I just want the 3 items on that page to animate like that on the actual website, leaving the “GET STARTED” style the same. How can I accomplish this? Any help or code that would do this would be greatly appreciated!

Thank you!

[Luneth]

Anyone? :c

[Rupok]

Hi there,

Thanks for writing in! Looks like you have this code :

li#menu-item-736 > a, li#menu-item-737 > a, li#menu-item-738 > a {
	font-family: "IntCircular-Medium";
	font-size: 12.9px;
	letter-spacing: 0.3px;
}

Let’s update this to following :

li#menu-item-736 > a, li#menu-item-737 > a, li#menu-item-738 > a {
	font-family: "IntCircular-Medium";
	font-size: 12.9px;
	letter-spacing: 0.3px;
	transition: all 0.3s;
}

li#menu-item-736 > a:hover, li#menu-item-737 > a:hover, li#menu-item-738 > a:hover {
	font-size: 11px;
}

Hope this helps.

Cheers!

[Author]

Posts