Home › Forums › Automattic › On a Whim › Adding social media icons to header
-
AuthorPosts
-
kellyleigh33MemberSorry if I’m missing the obvious but I am totally not seeing how to add the social media icons to the header. Help!
The blog I need help with is totallycontent.netNovember 29, 2013 at 6:10 am #143785
kellyleigh33MemberEdit to my last question – I meant that I am trying to add social media icons to the main menu (as shown in the demo), not the header. Sorry for the confusion.
November 29, 2013 at 3:50 pm #143794
Kathryn P.Happiness EngineerNovember 29, 2013 at 3:58 pm #143795
kellyleigh33MemberYes, I finally figured out how to add them; however, I had to edit my navigation labels to have fewer characters because they started wrapping when I added the icons. Is there a way to avoid that? Thanks!
November 29, 2013 at 4:30 pm #143801
Kathryn P.Happiness EngineerHi there, do you mean that the menu went onto two lines so it wouldn’t overlap with the social-media buttons? The only way I can think of to avoid that might be to reduce the size of the menu text, but then that might make them harder to read on some screens. Another option could be to reposition the icons so they’re below the menu instead of to the right.
Learning how to target your site’s CSS will help you make certain design changes like the ones I mentioned above. Here are some very helpful posts that will help you customize your site with CSS:
https://dailypost.wordpress.com/2013/07/25/css-selectors/
http://dailypost.wordpress.com/2013/06/21/css-intro/
If CSS is new to you, we also have some resources for learning more about it here:
You can learn more about using media queries that target certain screen sizes here:
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Just let me know if you need further help.
December 9, 2013 at 5:55 pm #144103
Kathryn P.Happiness EngineerHi there, just checking in to see whether you still needed any help with this issue or if you’re all set. Thanks!
December 11, 2013 at 6:37 pm #144223
kellyleigh33MemberThanks for following up – I haven’t had a chance to dig into the CSS yet but I’ll let you know if I have more questions when I do.
December 11, 2013 at 10:06 pm #144234
Kathryn P.Happiness EngineerSounds good. :-)
-
AuthorPosts
The topic ‘Adding social media icons to header’ is closed to new replies.