Need help? Check out our Support site, then


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

  1. 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 frayetta.com.

  2. 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;
    }
    }
  3. Oh yeah, you will have to activate your custom menu before this will appear on your site.

  4. Worked perfectly many thanks!

  5. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic