How can I include two logos in a website header?

Topic summary

Initial Request:
A user seeks to add two logos to their Shopify store header, providing a specific store URL as reference.

Solution Provided:

  • Modify section/header.liquid file
  • Locate the code: {%- if section.settings.logo_position != 'middle-center' -%}
  • Insert an <img> tag with custom logo URL from Shopify CDN
  • The solution includes specific code snippets with image paths

Follow-up Question:
The original poster then asks how to move a single logo from the default left position to the right side of the header, with the menu shifting from right to left (includes reference image).

Response:
The helper indicates this requires checking multiple conditions in the code and adjusting based on which condition applies to the specific page layout. The conversation remains technical and ongoing, with the solution requiring custom CSS/Liquid template modifications for different header configurations.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.

How do I add 2 logos in a header https://grant-thornton-store.myshopify.com/?

Hi @ankursingh

Follow this

  1. open section/header.liquid and find this code " {%- if section.settings.logo_position != ‘middle-center’ -%}"

and add this code "

just above , see image

Note: change logo url

WOW, great thanks JAOLIY. and what if there is only one logo and I want that logo on right side of the header instead of the left in the header.

Then add image before

image.PNG

No No… My question is if there is only ONE logo by default so how can I move it from left to right and the menu from right to left? Please see image for reference!!

For that need to check and code for all condition

you can check in code which condition satisfying and add logo in that condition as we did , you can find different all condition in page

best regard