How to put an icon next to text on a dropdown menu?

Design help General
1

Like on this site: https://www.smartpassiveincome.com/

If you look under the learn tab in the nav bar, you see icons next to the text. As you hover over, the icon grows bigger (which I know can be done with an animation). How do I put the icon next to the text in the first place? Using a container messes up the nav bar

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hey Omar,

you would need to create a div wrapper that contains the text and the icon.

When creating the animation (not hover state), use the wrapper as the trigger and the icon as the target.

Hope that makes sense.

Let us know how you get on.

If need more help, a ‘Read-Only’ link to your project will allow us to help you with more insight as to how you have things set up.

Keiran