Centering Logo on Footer?

Solved
Highlighted
Tourist
8 0 2

Hi,

Website:www.OrganicGrit.com

Password: Password1

Can someone please show me the code needed to edit to make this logo moves to the center of the footer? I need it where the arrow is pointing, center.

Currently have the below and it looks like the below as well:

 


<div class="image">
<a href="https://cdn.shopify.com/s/files/1/0504/4138/8217/files/VOSB.png?v=1604443194" style="display:block;text-align:center">
<img src="https://cdn.shopify.com/s/files/1/0504/4138/8217/files/VOSB.png?v=1604443194" alt="{{ product.title | escape }}" />
</a>
</div>

 

jimjones95_0-1604455692155.png

 

0 Likes
Highlighted
Shopify Partner
3129 681 833

This is an accepted solution.

@jimjones95 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (min-width: 960px) {
.grid__item.footer__item--1592160211031 {  width: 18%; float: none; margin: 0 auto; }
}

 

Let me know if this works.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
8 0 2

Yes it works! Thank you

0 Likes
Highlighted
Tourist
8 0 2

One last thing, do you know how I can move it up higher to fill in that dark space? Please see below:

 

jimjones95_0-1604525568142.png

 

0 Likes