Top Bar – Text on the left and social media icons on the right

[jared]

I’m having this issue, I changed the social icons to “large” but now it’s not aligned to the right. I tried the recommended css “.top-bar-menu-right #top-bar-social” > ul {float:right;}

I’d also like to add some text to the left of the icons like “Follow Us:”

The site is http://goofballandsuperduck.com/

[Kyle – SUPPORT]

Adding this to your custom css should work:

.tb-right ul.social-icons li {
  float: right;
}

– Kyle

[jared]

That worked, is there a way to add text to the left of the social icons? Like “Follow Us”.

[Mohammad – SUPPORT]

Hi,
Please add text Follow Us just before of social shortcode like example.
<span>Follow Us</span> [social size="standard" type="twitter,vimeo,facebook"]
Thanks 🙂
With Best Regards
Swift Ideas

[jared]

I tried this before the problem is it is in the center not next to the icons. So I added some css to float:right; and now it’s on top of the icons.

[Kyle – SUPPORT]

Try this:

[social size="standard" type="twitter,vimeo,facebook"]<span>Follow Us:</span>

– Kyle

[jared]

goofballandsuperduck.com

Still the text is pushed to the center.

[Kyle – SUPPORT]

Add this to your custom css:

.tb-right span {
  float: right;
  margin-right: 10px;
}
.tb-right ul.social-icons {
  float: right;
}

– Kyle