Social media icons not showing up

Support Area Forums Live Social media icons not showing up

Viewing 6 posts - 1 through 6 (of 6 total)
URL to the page in question:
  • Author
    Posts
  • #16256
    Erik Smelser
    Participant

    Followed the directions for creating social media icons in the primary navigation. Here is a screen shot of my menu option:

    Attachments:
    #16259
    Bill Robbins
    Moderator

    Erik,

    Thank you for your business and sorry for the trouble there. Any chance you could send a link to where you’re working with the theme so I can take a closer look for you?

    Thanks,
    Bill

    #16416
    Erik Smelser
    Participant

    Bill:

    Here’s the link: http://www.madisonctdogsitter.com/

    Related issue: I’ve moved the <div> containing the primary navigation to a place within header.php so that it will appear above the logo. However, I’d like to dramatically reduce the amount of spacing between the primary navigation and the logo image. Suggestions?

    #16419
    Bill Robbins
    Moderator

    Thanks for sending over the link Erik. I took a look and it appears that the header color is set to white which disguises the Facebook link since the icon there is white too.

    To change you that, you might consider using a plugin called Menu Social Icons which will let you add social icons to your navigation menu items. That might be an easier option than editing the social icon image to change the color.

    You can change the bottom margin between the menu and the logo. Here’s how:

    1. Go to the Theme Options page and select the Styling tab.
    2. Scroll down to the Custom CSS box and paste this:
      
      
      
      #navigation .menu {
           margin-bottom: 0;
      }
      
    3. Update your settings.

    That will remove the margin. You can add it back in if you need a bit there. You may also want to change the padding around the menu items if you want to further reduce the space. You can do that with this snippet:

    
    #navigation .menu a, 
    #navigation .menu a:visited {
         padding-top: 10px;
         padding-bottom: 10px;
    }
    

    If you have any trouble, let me know.

    Thanks,
    Bill

    #16459
    Erik Smelser
    Participant

    Thanks for this and for the suggestion of the Menu Social Icons plug-in.

    #16461
    Bill Robbins
    Moderator

    Glad to hear that worked for you. If you need anything else, just let me know.

    Thanks,
    Bill

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Social media icons not showing up’ is closed to new replies.