Need help stacking logo in footer - Refresh Theme

[gordonka2]

Hi, I need help adding my logo in the footer so that it stacks and is not a column. I probably need to edit the code because the defult is to make it a column.

[Dan-From-Ryviu]

Hi @gordonka2 

You can try to add custom liquid section below your footer and then add this code in custom liquid and check

<a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
                
                <img src="//zzstart.com/cdn/shop/files/Group_80.png?v=1696527724&amp;width=600" alt="Zero Zero Start™" srcset="//zzstart.com/cdn/shop/files/Group_80.png?v=1696527724&amp;width=140 140w, //zzstart.com/cdn/shop/files/Group_80.png?v=1696527724&amp;width=210 210w, //zzstart.com/cdn/shop/files/Group_80.png?v=1696527724&amp;width=280 280w" width="140" height="62.91984732824428" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 280px) 50vw, 140px">
              </div></a>

[gordonka2]

Hi @Dan-From-Ryviu this worked but i need the background to be #310D20, the logo to be #F4EBDC and for it to be centered. i've added the logo if you need the file below

[gordonka2]

@Dan-From-Ryviu *BUMP*

[Dan-From-Ryviu]

Hi @gordonka2 

Please update the code to this. 

<div class="header__heading-logo-wrapper">
<a href="/" class="header__heading-link link link--text focus-inset">
<img src="https://community.shopify.com/c/image/serverpage/image-id/385148i332A23AC9AA9F089/image-size/large?v=v2&px=999" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 280px) 50vw, 140px"></a>
</div>
<style>
#section-sections--21222406783294__b4382c16-05a1-458f-aed9-ae6c34901577-padding {
background: #310D20;
text-align: center;
}
</style>

[gordonka2]

@Dan-From-Ryviu *BUMP*

Here's what it looks like. the background is showing up white and the logo is left justified. I'd like the logo to be centered but the creme color and i want the background to be Burgundy (#310D20) to match the footer Thanks! 

[Dan-From-Ryviu]

Please update code to this 

<div class="header__heading-logo-wrapper">
<a href="/" class="header__heading-link link link--text focus-inset">
<img src="https://community.shopify.com/c/image/serverpage/image-id/385148i332A23AC9AA9F089/image-size/large?v=v2&px=999" loading="eager" class="header__heading-logo motion-reduce" style="max-width: 280px;"></a>
</div>

And then add this code to theme.liquid file, before </head> tag

<style>
#section-sections--21222406783294__b4382c16-05a1-458f-aed9-ae6c34901577-padding {
background: #310D20;
text-align: center;
}
</style>

[gordonka2]

@Dan-From-Ryviu *BUMP* Logo is still appearing to the left on a white background. 

[Dan-From-Ryviu]

Hi @gordonka2 

You already solved it, congrats!