Barra de social media en menu-primary Tema OXYGEN

Hola!

Soy totalmente nueva en esto de editar códigos y no entiendo de servidores, así que gracias por adelantado por la paciencia.
He insertado una barra de iconos de redes en la barra horizontal de navegación, (menu-primary) desde el archivo menu-primary.php, usando el edtor de WordPress. Es el lugar correcto?

Así quedó el código:

if ( has_nav_menu( 'primary' ) ) : ?>
	<?php do_atomic( 'before_menu_primary' ); // oxygen_before_menu_primary ?>
	<div id="menu-primary" class="site-navigation menu-container" role="navigation">
		<span class="menu-toggle"><?php _e( 'Menu', 'oxygen' ); ?></span>
		<?php do_atomic( 'open_menu_primary' ); // oxygen_open_menu_primary ?>
		<?php wp_nav_menu( array( 'theme_location' => 'primary', 'container_class' => 'menu', 'menu_class' => 'nav-menu', 'menu_id' => 'menu-primary-items', 'fallback_cb' => '' ) ); ?>
		<?php do_atomic( 'close_menu_primary' ); // oxygen_close_menu_primary ?>
<div id="socialm"><a href="https://www.facebook.com/ecocosmopolita?ref=hl" target="_blank"><img class="alignleft wp-image-4631 size-full" title="Facebook" src="http://laecocos-cp525.wordpresstemporal.com/wp-content/uploads/2015/04/Facebook-copia.png" alt="Facebook copia" width="25" height="25" /></a><a href="https://twitter.com/ecocosmopolita"><img class="alignleft wp-image-4637 size-full" title="Twitter" src="http://laecocos-cp525.wordpresstemporal.com/wp-content/uploads/2015/04/twitter6-copia.png" alt="twitter" width="25" height="25" /></a><a href="https://www.pinterest.com/ecocosmopolita/" target="_blank"><img class="alignleft wp-image-4635" title="Pinterest" src="http://laecocos-cp525.wordpresstemporal.com/wp-content/uploads/2015/04/Pinterest-copia.png" alt="Pinterest copia" width="25" height="25" /></a><a href="https://instagram.com/laecocosmopolita/" target="_blank"><img class="alignleft wp-image-4633" title="Instagram" src="http://laecocos-cp525.wordpresstemporal.com/wp-content/uploads/2015/04/Instagram-copia.png" alt="Instagram " width="25" height="25" /></a><a href="https://instagram.com/laecocosmopolita/" target="_blank"><img class="alignleft wp-image-4632" title="Google Plus" src="http://laecocos-cp525.wordpresstemporal.com/wp-content/uploads/2015/04/google-plus-copia.png" alt="google plus copia" width="25" height="25" /></a><a href="http://es.linkedin.com/in/yvelisseramirezp" target="_blank"><img class="alignleft wp-image-4634 size-full" title="Linkedin" src="http://laecocos-cp525.wordpresstemporal.com/wp-content/uploads/2015/04/linkedin28-copia.png" alt="linkedin28 copia" width="25" height="25" /></a><a href="http://laecocosmopolita.com/feed/" target="_blank"><img class="alignleft wp-image-4636" title="Feed La Ecocosmopolita" src="http://laecocos-cp525.wordpresstemporal.com/wp-content/uploads/2015/04/rss4-copia.png" alt="rss" width="25" height="25" /></a></div>
	</div><!-- #menu-primary .menu-container -->
	<?php do_atomic( 'after_menu_primary' ); // oxygen_after_menu_primary ?>
<?php endif; ?>

Y he añadido este código en el editor de CSS:

#menu-primary {
	border-top: thin solid #6E6E6E;
	border-bottom: thin solid #6E6E6E;
	padding: 5px;
	height: 20px;
	width: 99%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#socialm {
	position: relative;
	float: right;
}

#socialm img {
	margin-right: 1px;
}

En mi sitio de prueba podéis ver que los iconos no se centran verticalmente en la barra. He intentado muchas cosas sin éxito. (http://laecocos-cp525.wordpresstemporal.com/) ¿Algún experto que me pueda dar algún consejo?

Muchas gracias de antemano!

Yve