Two Logo Upper Left Side

Store Design

Topic summary

A user working with Shopify’s Dawn theme needs to display two separate logos in the upper left corner of their page: one for their primary company brand and another specifically for their kidswear line.

Proposed Solutions:

  • Code customization approach: One responder provided detailed technical steps including uploading logos to the Assets folder, editing the header.liquid file, and adding custom CSS. They requested clarification on whether the logos should appear side-by-side, stacked, or vary by device.

  • Simplified alternative: Another participant suggested combining both logos into a single image file, which would work across all channels without requiring code changes.

Current Status:

The user has shared links to both logo images but the discussion remains open. Multiple participants have requested the actual website URL to provide more specific guidance. The issue requires either advanced theme customization or the simpler merged-image approach.

Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.
1

I need to add two different logos in the upper left side of my page. Can someone please help walk me through this.

2

@localdog , hey, thanks for posting here.
Can you please share the link so we can inspect it?
Or which theme are you using?
thanks

3

@localdog shopify by default provides you the option to add one , for second it will need code editing

4

Hey @localdog ,

I’d be happy to help you add two different logos to the upper left of your page! Just to make sure I give you the best guidance, could you clarify what you mean by “two different logos”? Are you looking to:

  1. Desktop vs Mobile logos (different logo versions that show based on screen size)
  2. Two logos side by side (like a main logo + partner logo)
  3. Two logos stacked (one above the other)
  4. Logo variations (like different versions that switch based on certain conditions)

In the meantime, here’s the general process for most scenarios:

Step 1: Upload Your Logos

  • Go to Online Store → Themes → Actions → Edit Code
  • Click on Assets folder
  • Upload both logo files (keep them under 100KB each for best performance)

Step 2: Edit Your Header

  • Find sections/header.liquid in your theme files
  • Locate where your current logo code is (usually has something like logo or site-header)

Step 3: Add Your Code This depends on what you’re trying to achieve, but here’s a basic example for side-by-side logos:

<div class="dual-logo-container">
  <img src="{{ 'logo-1.png' | asset_url }}" alt="Logo 1" class="logo-primary">
  <img src="{{ 'logo-2.png' | asset_url }}" alt="Logo 2" class="logo-secondary">
</div>

Step 4: Style with CSS Add this to your theme’s CSS file (base.css):

.dual-logo-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

What’s your theme name? This will help me give you more specific instructions!

Let me know which scenario fits what you’re trying to do and I’ll walk you through the exact steps! :blush:

Cheers!
Shubham | Untechnickle

1 Like
5

Hi my theme name is the Dawn theme.

6

https://admin.shopify.com/store/local-dog-charleston/content/files/37505586659561?selectedView=all

7

that is one of the images and here is the primary company logo. the first image is only for the kidswear.

https://admin.shopify.com/store/local-dog-charleston/content/files/36895286821097?selectedView=all

8

Hi, I added my information below

9

@localdog sanest approach is to just make one image with both logos, has the upshot of being used everywhere else in the process including multichannel.

Otherwise for just the online sales channel that’s an advanced theme customization.

If you need this customization then contact me for services.
Contact info in forum signature below :down_arrow: :down_arrow: :down_arrow:.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

10

Hi @localdog ,

Please send the website link, I will check it for you