I'm using the Debut theme on my store and I would like to center align the social media icons (currently I'm using only the Instagram icon). I tried a lot of different codes that I found here, but none of them worked - the Instagram icon moved a little bit, but it wasn't really centered in the page.
Can anyone help me? The store URL is https://clubmidnite.com/
Solved! Go to the solution
If you go into your theme files under Sections you should see a footer.liquid file. Around line 178 you'll see
<div class="grid grid--no-gutters small--text-center">
Remove the small-- so it becomes
<div class="grid grid--no-gutters text-center">
This will center the Instagram icon for you.
On the line below that, so 179 you should see the following.
<div class="grid__item one-half small--one-whole">
Switch up the one-half to one-whole, so it becomes
<div class="grid__item one-whole small--one-whole">
Give that a go and let me know how it goes.