How to add Logo in Footer [Debut Theme]

Excursionist
39 2 0

logo footer.png

@Jasoliya 

For some reason it keeps putting it down the very bottom. I was hoping to get it where the arrow is pointed. Thank you

0 Likes
Shopify Expert
2461 414 519

You are confusing me.

Find bellow line and add code just next to this line:

 

 <div class="site-footer__content">

 

Add this:

 

 
      <div class="site-footer__itemsite-footer__item--one-quarter">
        <div class="grid__item medium-up--one-quarter">
          <img class="logo_footer" src="logo_url" width="50px">
        </div>
      </div>

 

 

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Excursionist
39 2 0

@Jasoliya 

Hehe, sorry for the confusion. 

I added:

 <div class="site-footer__itemsite-footer__item--one-quarter">
        <div class="grid__item medium-up--one-quarter">
          <a href="https://littletingles.com/">
			<img class="logo_footer" src="https://cdn.shopify.com/s/files/1/0272/1687/1521/files/logo_footer2.png?601" style="max-width: px">
        </div>

To make the image clickable. 

I have an issue aligning it perfectly though. I would like it so that the logo is aligned with the text like this:

logo footer.png

 

I'm finding it difficult because I see it uses a grid system. Is there anyway to align it better? Thank you and sorry for being a pain

0 Likes
Shopify Expert
2461 414 519

Change with this:

<div class="site-footer__item site-footer__item--one-quarter">
        <div class="grid__item medium-up--one-quarter">
          <img class="logo_footer" src="logo_url" width="50px">
        </div>
      </div>
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Excursionist
39 2 0

@Jasoliya 

The spacing is much better.

Now all I need to do is move it slightly up so it aligns. I have tried messing around with margins but that isn't working 

 

logo footer.png

0 Likes
Shopify Expert
2461 414 519

Add this css in asset->theme.scss file at bottom:

.logo_footer{ margin-top: 0;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Excursionist
39 2 0

Thank you so much for the help! 

0 Likes
New Member
3 0 0
I have tried this and got the logo into my footer but it's very small. Can you help? Url: ve-planet.com
0 Likes
Highlighted
Shopify Expert
2461 414 519

Send me your store password here or Pm me 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
3 0 0

Hi, I know this is an old thread but I'm having the same issue. Hoping for the best. :)

 

I want to add a logo between our contact email and quick links.

 

https://theyonicup.com/

 

Cheers, Sofie

0 Likes