How do I add FB and Twitter Icons on menu in Expound theme

  • Unknown's avatar
    frayetta · Member ·

    Hi there, I would like to add the Facebook & Twitter icons to my menu – so that people can click to be directed to and/or follow.

    I’m hosted on wordpress.com – using the Expound theme – and my blog is at frayetta.com

    Many thanks

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, I see you have the twitter and facebook menu items in your custom menu, but do not have that menu set as primary. I temporarily activated it to get the code I needed and then deactivated it again. Give the following a try and see what you think. I’ve limited this to showing at 601px and above. At 600px, the minified menu takes over and when that happens, the twitter and facebook links in the menu will go back to text links instead of the icons. Text links work better with the minified menu.

    @media screen and (min-width:601px) {
#menu-item-61 a:after {
    content: 'f203';
    font-family: Genericons;
    color: #FFFFFF;
    font-size: 200%;
    position: relative;
    left: -25px;
    bottom: -3px;
}
#menu-item-61 a {
    color: rgba(0, 0, 0, 0);
    padding-left: 0;
    padding-right: 0;
    letter-spacing: -1px;
}
#menu-item-62 a:after {
    content: "f202";
    font-family: Genericons;
    font-size: 200%;
    position: relative;
    left: -29px;
    color: #FFFFFF;
    bottom: -4px;
}
#menu-item-62 a {
    color: rgba(0, 0, 0, 0);
    padding-left: 0;
    padding-right: 0;
    letter-spacing: -1px;
}
}
  • Unknown's avatar
    thesacredpath · Member ·

    Oh yeah, you will have to activate your custom menu before this will appear on your site.

  • Unknown's avatar
    frayetta · Member ·

    Worked perfectly many thanks!

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘How do I add FB and Twitter Icons on menu in Expound theme’ is closed to new replies.