Debut Theme - Alignment of footer social media icons

Solved
New Member
9 0 0

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/

 

 

0 Likes

Success.

Shopify Expert
20 3 4

Hey ClubMidnite,

 

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">
...
</div>

Remove the small-- so it becomes 

<div class="grid grid--no-gutters text-center">
...
</div>

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">
...
</div>

Switch up the one-half to one-whole, so it becomes

<div class="grid__item one-whole small--one-whole">
...
</div>

 

Give that a go and let me know how it goes. 

 

https://enjoythemecompany.com/
0 Likes
New Member
9 0 0

It worked! Thanks a lot.

0 Likes
Shopify Expert
20 3 4

No worries! All the best with the site. 

https://enjoythemecompany.com/
0 Likes