Refresh theme - Footer - Adding a logo image to a column in the footer

[pete96]

Hello -

I am trying to work out how to add a logo image to the first column in my footer.

Using the Refresh theme, site at :-  somna-sleep.myshopify.com (pwd is taglee).

Would like to add logo inside the first column, underneath the heading 'Our Mission'. (No options to do this in the Theme settings that I can see).

If anybody could point me the right way that would be most appreciated!  Thank you.

[BSSCommerce-TC]

Hi @pete96 , 

Could you give to me your logo and we can try to my site. We will response to you if possible.

Thanks

[pete96]

Hi - That is most kind of you - The logo is the same one as at the top of the page i.e. here:  

https://somna-sleep.myshopify.com/cdn/shop/files/logo3.png?v=1719758655&width=270 

[BSSCommerce-TC]

Hi @pete96 ,

The design is only approximate. You can refer to it. If any layouts break, please let us know. We can help you fix it.

Step 1: Go to Online store  > Themes > Edit code and find footer.liquid

Step 2: Insert below code as shown figure and Save theme

<div id="logo-custom">
  <img src="https://somna-sleep.myshopify.com/cdn/shop/files/logo3.png?v=1719758655&width=270" >
</div>

Step 3:  Next , insert below code at the end file base.css

@media screen and (min-width: 750px) {
    .footer__content-top {
         display: flex !important;
         justify-content: center !important;
     }
     
     #logo-custom {
        padding: 0 80px 0 0px;
        margin: 0 0 0 -89px;
     }
}

@media screen and (min-width: 750px) {
     #logo-custom {
         display: none !important;
     }
}

It would be like that

Desktop screen

Mobile screen : ( We hidden it on mobile screen )

[BSSCommerce-TC]

Hi @pete96 ,

I have checked your website and see that it is working. Do you want to adjust the logo as you want?