How to I move my logo in the footer a little bit to the left

Store Design
, , ,

Topic summary

Goal: Move the footer logo slightly left to align with other site elements on a Shopify store.

Context and inputs:

  • Store URL provided (seedsdelux.lu) after requests for access details. A screenshot and a result image were shared to illustrate the alignment and outcome.

Proposed solutions (CSS-based):

  • Edit theme CSS via Shopify Admin > Online Store > Themes > Actions > Edit code > Assets, then add at the bottom:
    • Option 1 (global footer image): footer#footer img { margin-left: -9px; }
    • Option 2 (specific footer section): In sections.css, add #footer-about img.img-fluid { margin-left: -8px; }

Notes:

  • Both approaches shift the logo left by a small negative margin; the second targets a more specific selector.
  • Visual confirmation indicates the logo aligns better after the change.

Outcome and status:

  • The requester expressed gratitude, implying the solution worked.
  • Discussion appears resolved with no outstanding questions.
Summarized with AI on January 23. AI used: gpt-5.
1

I would like to move my logo a little bit to the left to make it allign with the other parts of my site

anyone got a sollution?

2023-07-17 17_53_58-SeedsDeLux.png
2023-07-17 17_53_58-SeedsDeLux.png1725Ă—348 44 KB

1 Like
2

Hi @vhR1 ,

Would you mind to share your URL website? with password if its protected. Thanks!

3

Hello,

You can provide url site for me, I can check it for you

Thank you

4

hello it’s seedsdelux.lu

1 Like
5

hello it’s seedsdelux.lu

6

Thank you fro the information.

Try this.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
footer#footer img {
    margin-left: -9px
}

Result:

Ribe_Dagandara_0-1689715635271.png
Ribe_Dagandara_0-1689715635271.png639Ă—270 18.5 KB

I hope it help.

7

Yes, you can open file sections.css and add my code at bottom file:

#footer-about img.img-fluid{margin-left:-8px}

it will work for you

thank you

8

Thanks, a lot I’m grateful !!

9

Thank you for your help! I appreciate that a lot!