Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 1, 2016 at 4:43 pm #667344
    navindesigns

    Hi,

    How do I add icons to the the secondary menu (“contact us, support WSMS and login”) text links at the top right. I would like to add an icon to the left of the text. These could be icons from Entypo Icon. Also, how do I change the font color of the text to white?

    My site – http://staging.wsmsnyc.org.s167849.gridserver.com/
    Mockup – https://s31.postimg.org/pl1e1qcob/home.jpg

    August 1, 2016 at 5:58 pm #667370
    Guenni007

    you mean something like this:
    try to insert it into your quick css:

    #menu-item-3289 a::before {
    content: "\e805 \00a0 ";
    font-family: entypo-fontello;
    font-size: 20px;
    position: relative;
    top: 3px;
}

#menu-item-3287 a::before {
    content: "\e806 \00a0";
    font-family: entypo-fontello;
    font-size: 20px;
    position: relative;
    top: 3px;
}

#menu-item-3288 a::before {
    content: "\e80a \00a0";
    font-family: entypo-fontello;
    font-size: 20px;
    position: relative;
    top: 3px;
}

    btw: you should change font color of top nav :

    #header_meta .sub_menu li a {
    color: #fff !important;
}
    August 1, 2016 at 6:02 pm #667374
    Guenni007

    you can see here a reference : http://www.w3schools.com/cssref/css_selectors.asp

    http://www.w3schools.com/cssref/sel_before.asp

    these pseudo selectors are a mighty tool – and browser support is now very high

    August 1, 2016 at 7:08 pm #667412
    navindesigns

    wow that works really well

    only small issue on hover, there is like a double underline on the icon and text

    i want to remove underline and just have a rollover color on mouse over

    this is still not complete guys

    how do i get rid of the underline on hover?

    • This reply was modified 7 years, 8 months ago by navindesigns.
    August 1, 2016 at 7:36 pm #667427
    calldesign

    How would I use an Icon for the Home button in the main menu? I was hoping I this thread would help me but I still don’t get it.
    Thanks
    Mike

    August 1, 2016 at 8:10 pm #667436
    Basilis

    Hey!

    Mike please, so we can keep the topic clear, create a new topic providing also your web site ID so we can be able to assist you further.

    Thanks a lot

    Best regards,
    Basilis

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Add icon to secondary menu items’ is closed to new replies.