Social menu widget in the left navigation

Hi,
I have added the social menu widget to my left navigation here (https://zanis-test.000webhostapp.com/) but that pushed the left nav much wider and the icons are awkwardly positioned.

How would I get them to line up properly?

Thank you

Hey there

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*reposition social icons*/
ul#menu-social-items {
    margin-right: 38%;
}

Best Regards,
Support

This is still funky, the left nav looks still bigger than normal and while the icons moved over to the left a little, they are still not quite right.
Is there a way to left align them with the rest of the items in the left navigation and make the left side nav to go back to normal size?

thank you

Hello there,

I hope you are doing well today.

Please try out this CSS code to adjust the social icons:

/*Social Icons size*/
.fa {
    font-size: 22px;
}

/*Social Icons location*/
#social {
    text-align: left;
}

Best Regards,
Support

That worked pretty good :slight_smile:
Thank you!!!

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support