Move Social Media Icons to Header?

[LeanneKingwell]

Hi Bill,

Thanks for all your help thus far.
I have one more question please…

Is it possible to move the social media icons that are currently in the footer, to sit (right justified) in the Header?

Best,
Leanne 🙂

[Bill Robbins]

Hello Leanne,

You can do that. There is a plugin called Menu Social Icons (https://wordpress.org/plugins/menu-social-icons/) that can let you add social icons to just about any WordPress menu.

Have a great night,
Bill

[LeanneKingwell]

Thanks Bill! 🙂
Much appreciated.

[LeanneKingwell]

Hi Bill,

Apoligies for further questions…
Hoping you might be able to help.
I’ve added the Menu Social Plug In…
But am having trouble re-szing the icons and getting them to float right.

I’ve tried following instructions given with the plug in…
But not sure if if “social-icon” is the correct label to use or if there is maybe a clash with the plug in and the theme?
Am trying to add the following code to the “Custom CSS” box in your Moonrise theme… but not seeing any change at all?

Would REALLY appreciate your thoughts.
thanks so much 🙂

li.social-icon {

float: right;

}


li.social-icon i {

font-size: 12px;

}

[Bill Robbins]

Glad to help. It’s difficult for plugin authors to offer general advice on how to change something in a theme since there are so many ways it could be created. Try adding this to your Custom CSS:

#header ul#site-navigation,
nav#navigation {
	width: 100%;
}

body #header li.social-icon {
	font-size: 18px;
	position: relative;
	top: -7px;
	float: right !important;
}

Hopefully that will move the social icons over to the right for you.

Have a great day,
Bill

[LeanneKingwell]

Bill,

You’re a genius… and an absolute DIAMOND.

That worked perfectly.
Can’t thank you enough.

Best,
Leanne 🙂

[Bill Robbins]

Thanks Leanne 🙂

Let me know if you need anything else.

[Author]

Posts