Adding icons on TopMenu categories
- 21
- 130
- 3/29/2017
- Sweden
It's a website written in code, anything is possible!
You have two was to do this, both using CSS.
1. You can grab each element with css, like .header-links ul li, and using CSS set the background image for the respective li with a picture.
NOTE: The shopping cart option icon is inserted precisely that way, so use that as an example.
2. You can insert an element, in my case and <i></i> (either into the html or add it dynamically using Javascript) and then set the background image of that little element, that way you have an icon and text sepate, and have more control.
You have two was to do this, both using CSS.
1. You can grab each element with css, like .header-links ul li, and using CSS set the background image for the respective li with a picture.
NOTE: The shopping cart option icon is inserted precisely that way, so use that as an example.
2. You can insert an element, in my case and <i></i> (either into the html or add it dynamically using Javascript) and then set the background image of that little element, that way you have an icon and text sepate, and have more control.