Font Icon in Header

Hi,

You can do this.

. I tried using Custom Links and entered this as a label, but i think it will also work on regular labels for menu items: (if you dont see a house icon in code below but gibberish, you need to create a page that uses the icon you want in some other way (icon box for example) then view the source and copy it from there, just make sure you are keeping the classes i am using in css i posted or it will not work. It would be best if you copied the code i pasted here.

In Appearance > Menu paste this code as the Navigation Label

<div class="menu-home avia-font-entypo-fontello">⌂</div>

and add this css code to your /css/custom.css or to quick css

.menu-home.avia-font-entypo-fontello {

color: blue;

font-size: 2.4em;

top: -5px;

position: relative;

opacity: 100 !important;

display: block !important;

}

and if you want a change of color on hover you can add this block of css

.menu-home.avia-font-entypo-fontello:hover {

color: green;

}

Mine turned out like this http://i.imgur.com/4jR3WCk.png

Thanks,

Nick