How to make Social Menu completely centered

Shapely
1

Hey there, couldn’t find another topic that addresses the exact same question.

So I’ve just updated my website with Shapely and I honestly love it. Beautiful theme. There’s just one modification I need to make to my website that I can’t seem to figure out how to accomplish with additional CSS. In Wordpress–>Customize–>Menus, I have set my social menu, which appears in the website’s footer.

My issue is that this social menu – meaning the social media icons – are not centered in the footer. On desktop, they are almost centered, but seem to be nudged a bit to the left. On mobile, the menu is almost all the way on the right side of the header, slightly overlapping with the back-to-top button. Is there additional CSS I can use to make sure this social menu shows up centered in the footer, whether mobile or desktop? I’d prioritize the desktop appearance I had to pick only one to look correct.

I’ve attached a screenshot of what the bottom of each page looks like on my website’s desktop version.

Thank you so much for the help! I really love what this theme has done for my website, but I’d love for this last detail to be perfect.

2

Hey there

Please provide a link to your website and i will check it

3

sorry about that! here you go:

http://www.johnwar.la

4

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

footer#colophon .col-sm-6.text-right {
width: 100%;
text-align: center;
}
#social {
float: none;
}

Thanks!
Colorlib Support Team