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

  • Author
    Posts
  • #1665143

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

    #1665261

    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;
    }
    }
    #1665262

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

    #1665267

    frayetta
    Member

    Worked perfectly many thanks!

    #1665277

    You are welcome.

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