We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Two Logo Upper Left Side

Two Logo Upper Left Side

localdog
New Member
5 0 0

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

Replies 9 (9)

ProtoMan44
Shopify Partner
772 60 115

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

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!

suyash1
Shopify Partner
11112 1367 1751

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

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com

TheUntechnickle
Shopify Partner
555 66 162

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! 😊

 

Cheers!
Shubham | Untechnickle

Helping for free: hello@untechnickle.com


Don't forget to say thanks, it'll make my day - just send me an email! 


Get Revize for Free | Let your shoppers edit orders post-purchase | Get Zero Support Tickets | #1 Order Editing + Upsell App

localdog
New Member
5 0 0

Hi my theme name is the Dawn theme. 

localdog
New Member
5 0 0

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

localdog
New Member
5 0 0

Hi, I added my information below

PaulNewton
Shopify Partner
8031 687 1646

@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 ⬇ ⬇ ⬇.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


namphan
Shopify Partner
2777 358 407

Hi @localdog,

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

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com