• 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)—

    https://www.yogagypsy.com/

    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(https://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(https://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.