Goal: Add a logo image to the first footer column (under “Our Mission”) in Shopify’s Refresh theme, which lacks a built-in setting for this placement.
Actions taken:
Outcome:
Current status:
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.
Hi @pete96 ,
Could you give to me your logo and we can try to my site. We will response to you if possible.
Thanks
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
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
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 )
Hi @pete96 ,
I have checked your website and see that it is working. Do you want to adjust the logo as you want?
