Adding a logo in the Debut theme footer

johntynan
New Member
1 0 1

I tried the code support supplied as a solution to our issue with the footer in the Debut theme. Unfortunately it has been only partly successful. I now have an image in the footer but do not have the correct size or functionality.I'm not sure if I have made the correct liquid changes as I have a theme.css file in the Assets folder and not the theme.scss as per your instructions. Could you please assist further.

 

 

Support sent me this.

You will need to log in to your Admin, and go to Online Store > Themes > Actions > Edit code and then look for the following files: footer.liquid (found under Sections) and theme.scss.liquid (found under Assets).

In the footer.liquid file, add the following code after ** <div class="site-footer__content">** and before {%- for block in section.blocks -%} and replace the text that says INSERT URL OF FOOTER IMAGE HERE with the actual URL of your logo image.

<div class="site-footer__item--one-quarter">
          <div class="site-footer__item-inner">
          <img class="logo_footer" src="INSERT URL OF FOOTER IMAGE HERE" width="100px">
        </div>
      </div>

In the theme.scss.liquid file, add the following code at the bottom of the file. You can adjust the CSS parameter below to control the appearance of the logo.

.logo_footer{    
  text-align: center;
    margin: 0 auto;
    justify-content: center;
    display: block; 
    max-width: 150px;
    width: 100%;
}