Center & Increase Size of Social Icons in Top Bar

Reaching out for some support once again.

The website is:

Just as the title states, I would like to center justify the social media icons and increase their size in the top bar. At the very least, centering them would be fine.

I’ve tried the code listed below and it’s pretty close, but needs to come over a bit more to the left.

.col-lg-4 {
text-align: center;
float: none;
margin: 0 auto;

Thanks in advance!

hey there

Hope you are having a good day and thank you for your question :slight_smile: Please add this CSS in appearance - customize - additional CSS

@media screen and (min-width: 981px){
.menu {
text-align: center;
float: none !important;
.top-header .col-lg-4, .top-header .col-lg-8 {
width: 100%;
text-align: center;

Colorlib Support Team

That worked! Not sure if the icons can be made any bigger, but at least it is centered!


Is there anything else? :slight_smile:

Not sure if there would be a way to increase the size of the icons, but if not, then I believe that will be it.

Hi there,
Thanks for keeping in touch.
In order to alter the icon sizes, please use the following CSS code:

#menu-social ul li a:before, #menu-social-1 ul li a:before {
font-size: 30px;

I hope this helps.
Best Regards,