Repositon Social Icons displayed in header area

Hi.
I’m using the centered logo with menu below option, and also have the header set Let logo and menu position adapt to browser window box checked.
I am trying to relocate the social icons that appear in the header area so that they are centered below the centered logo. I was able to move it some using:

.html_bottom_nav_header #top .av-logo-container .social_bookmarks { margin: 20px; right: 50%; text-align: center; }

but the icons themselves are to float: left which results in them being left justified.

How can I center the container below the centered logo and also have the icons themselves centered in their own div?

here’s the URL: http://mindsparklabz.com/dev/onswann/

thanks!

• This topic was modified 8 years, 7 months ago by MindSpark.