Support » Themes and Templates » Social media icons in navigation bar in Twenty Eleven

  • Resolved flutteraaron

    (@flutteraaron)


    Hello, (Any help is GREATLY appreciated)! Thanks in advance:)

    I have read threads and watched several tutorials on how to add social media icons in the navigation bar in twenty eleven.

    I successfully created one here for twitter but the facebook tab does not connect with the icon and drops below the navigation bar on a second line—(I would like the facebook icon to be beside the twitter on the navigation bar)—

    Can anyone tell me why it is not working for facebook? And why the tab is dropping below the bar?
    Here is the code I added at the bottom of my child theme css:

    /* Twitter Icon */

    .menu-twitter {
    text-indent: -9999px;
    background-image: url(http://www.yogagypsy.com/wp-content/uploads/2013/01/iconsetc_twitter.png) !important;
    background-repeat: no-repeat´╗┐ !important;
    margin-left: 100px !important;
    width: 42px;
    height: 42px;

    }

    /* Facebook Icon */

    .menu-facebook {
    text-indent: -9999px;
    background-image: url(http://wwwyogagypsy.com/wp-content/uploads/2013/01/iconsetc_facebook_logo.png) !important;
    background-repeat: no-repeat´╗┐ !important;
    margin-left: 100px !important;
    width: 42px;
    height: 42px;

    }

Viewing 8 replies - 1 through 8 (of 8 total)
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Social media icons in navigation bar in Twenty Eleven’ is closed to new replies.