Adding Social Media Icons to Menu in Expound

• 

  2w2n · Member · Apr 14, 2016 at 2:43 pm

  • Copy link

  Any good news about the icons?

  I’m also hoping there’s a way to move the search bar to the main menu, but I can start a new thread for that.

  Thanks!

• 

  thesacredpath · Member · Apr 14, 2016 at 7:46 pm

  • Copy link

  It seems that Genericons does not load on Expound unless called for by a theme-specific thing, such as a Media Icon widget. Not sure how it was working before as it shouldn’t have. We do have a workaround though.

  Add the Social Media Icons widget to your sidebar and enter your FB and Twitter URLs and save. That will trigger loading of Genericons. Then we can use the following CSS to hide that widget from your sidebar. You will have to inspect the social icon widget and get the id number for it and then replace the “XX” I have in the following CSS.

  #wpcom_social_media_icons_widget-XX {
  	display: none;
  }

  Let me know if you have any issues or additional questions.

• 

  2w2n · Member · Apr 15, 2016 at 12:30 am

  • Copy link

  Great! I actually don’t even need to use the CSS. I simply saved the widget at the bottom of the sidebar without adding any info and the icons appeared on the main menu.

  Thanks again for all the help. I’ll start a new thread if I have any other questions. I marked this “resolved.”

• 

  thesacredpath · Member · Apr 15, 2016 at 12:58 am

  • Copy link

  You are welcome, and thanks for letting me know that. I was figuring it would have to be configured in order to load genericons, but I guess it loads them when the widget is inserted.

• 

  2w2n · Member · Apr 16, 2016 at 2:44 am

  • Copy link

  I spoke too soon! The widget messed up the format of the post pages, so I had to use the CSS. Actually, the post pages are still messed up. You can’t see the icons on the sidebar but you can see a small section of the sidebar, and this is pushing all the text to the left. And if I hide the widget on post pages, the genericons don’t show up on the main menu.

  Can I hide the widget on post pages with CSS? Thanks.

• 

  thesacredpath · Member · Apr 16, 2016 at 3:05 am

  • Copy link

  Add this to get rid of the sidebar on single post pages and take the content full width.

  .single #secondary {
      display: none;
  }
  .single #primary {
      width: 100%;
  }
  .single .site-content article, .single .comments-area {
      padding-right: 40px;
  }

• 

  2w2n · Member · Apr 16, 2016 at 5:42 pm

  • Copy link

  Lovely, thanks. I repeated the same formula for .page and .archive. Everything looking a-okay as of now.

• 

  thesacredpath · Member · Apr 16, 2016 at 6:06 pm

  • Copy link

  Super and you are welcome.