Add Social Media Icons in Semicolon Theme

Use a child theme if you can.
Add to header.php

<div id="menu-social-container">
	<ul id="menu-social" class="semicolon-social" >
		<li>
			<a href="https://twitter.com/"><span>Twitter</span></a>
		</li>
		<li>
			<a href="https://facebook.com/"><span>Facebook</span></a>
		</li>
		<li>
			<a href="https://github.com/"><span>GitHub</span></a>
		</li>
		<li>
			<a href="<?php bloginfo(url); ?>/feed/"><span>RSS Feed</span></a>
		</li>
	</ul>
</div>

Add to style.css

#menu-social-container ul li {
	display: inline;
	}
ul.semicolon-social li a {
	text-decoration: none;
}

Change the URLs to match your pages.

Hi Flashbuddy,
Thanks for responding! This almost worked! I’ve got the social media icons displaying, but they display as a sidebar next to the main content instead of at the very top of the page.

Tina

Hi there! To add social icons to the menu you don’t need a child theme, nor do you need to deal with any code. All you have to do is add items to the Social Menu location in Appearance – Menus, and they’ll automatically become icons.

Look under Social Menu here: https://kovshenin.com/themes/semicolon/

Hi Konstantin,
Thanks for sending this information on adding social icons!

Tina