Dropdown Menu Icons

[mo_da92]

Hello,

I want to create some icons in my dropdown menu and was wondering how to do this?

The website is http://www.gadjetsupply.com and here is an example of what I want to do:

http://www.gadjetsupply.com/wp-content/uploads/2015/09/Yellow-Dropdown-Icons.jpg

The yellow icons on the right dropdown menu is what I am trying to do.

Thanks guys!

[mo_da92]

Thank you for your answer Paulie.

My problem is not the icons, the above are just examples. The problem I have is actually putting them into the website! At the moment the dropwdown menu just has the text, I want to add icons next to the text.

Any help on how to add icons on the dropdown menu will be great thanks!

[mo_da92]

Thanks for the reply Paulie,

http://codepen.io/anon/pen/XmprLO

That is css relating to the menu I think.

Thanks!!

[mo_da92]

I am not sure how to find the HTML, I am using Divi Theme for WordPress… Is there any way to do it with just css?

[mo_da92]

If I make a mix of the following two codes I can almost get it how I need it:

http://codepen.io/anon/pen/PPjNNy

What they do is put an icon in all the dropdown menus, and I can choose different icons.

The problem is that I don’t know how to get different icons for different dropdown menus! For example, if I use the current code the first item on every dropdown menu will have the same icon – but I need every icon on every dropdown menu to be different.

Anything that can be done here?

[mo_da92]

Bump… if anyone can please help me with this that would be awesome!

[Beverleyh]

Have you tried targeting the first level li with nth-child() in the same way that you’re targeting li li with nth-child()?

To be more specific, we need your HTML

[Author]

Posts