Need Help Centering Logo In Footer

[DreadBoy]

Hello!

I've been looking for a while into finding out how to center this logo in the footer.

I currently have this 

<div class="grid-item one-fifth text-center" style="center">
<img src="{{ 'DreadBoyBox_Logo.png' | asset_url }}" alt="alt text" />
</div>

Any suggestions?

[Jasoliya]

HI @DreadBoy 

Send your store url

[DreadBoy]

https://dreadboy.com/?fts=0

[Jasoliya]

Hi @DreadBoy 

May be you have removed logo from footer, you can ad from theme editor and let me know. 

[DreadBoy]

@Jasoliya 
My apologies.

https://o7vgwagzx0bc6ti3-4472995913.shopifypreview.com

[Jasoliya · Accepted solution]

Hi @DreadBoy 

Follow this:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

#shopify-section-footer .grid-item.one-fifth.text-center{margin: 0 auto;}

[DreadBoy]

Thank you so much! Worked like a charm!

[DreadBoy]

I do have this issue where on mobile, it is very tiny. Would you know how to adjust that?

Already tried adjusting the size in coding to "one-sixth" and it only helped the desktop version.

[Jasoliya · Accepted solution]

Add this css;

 @media only screen and (max-width: 767px) {
      #shopify-section-footer .grid-item.text-center {
         width: 50%;
     }
}