How can I add a logo to the footer and rearrange social media icons?

[wjgreen]

I would like to add my logo to my footer and also re-arrange the social media icons so they are underneath the logo. If anyone knows how to do this with code or has a solution in general I would be very grateful!

Here is my footer currently:

(Logo is not there and the social media icons are at the bottom which I don’t want)

This is what I want it to look like:

[irene-vintage]

Hello @wjgreen ,

You can try to follow these steps:

• Go to Online Store → Themes → Actions → Edit code
• Go to Sections folder → Footer.liquid
• Locate the section of code that controls the logo in the footer. This will usually be near the top of the file and will look something like this:

  {{ theme.settings.footer_logo | img_url: 'large' }}

• Replace this code with the following code, which will display your logo in the footer:

• To rearrange the social media icons, locate the code that displays them in the footer. This will usually be towards the bottom of the file and will look something like this:

{% if settings.social_facebook_link %}
  
{% endif %}

• Cut this code and paste it inside the “footer-logo” div that you added earlier. Repeat this for each social media icon you want to display in the footer.
• Once you have pasted all of the social media icon code inside the “footer-logo” div, add the following CSS code to your theme to arrange the icons vertically:

.footer-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

• Save changes

Hope this can help.

Ali Reviews team.

[BSS-Commerce]

Hi @wjgreen
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[wjgreen]

@irene-vintage Sorry for the late reply, but thanks so much. I’ll try it out