Dawn theme, updated code to add store name next to logo

[BethanySky]

I’d like to have my logo and store name both in the header in the dawn theme.

There is a post from 2022 https://community.shopify.com/post/1532917 that no longer works.

I spoke with support and they recommended posting to the community or choosing a paid theme that automatically allows for both.

Thanks for your help.

Bethany

[TheUntechnickle]

Hi Bethany,

You can definitely add both your logo and store name to the Dawn theme header! The 2022 solution you found is likely outdated due to theme updates, but here’s a current approach that should work:

Method 1: Edit the header.liquid file

1. Go to Online Store > Themes > Actions > Edit code
2. Open sections/header.liquid
3. Look for the logo/site title section (usually around line 100-150)
4. Find the code that displays either the logo OR site name, and modify it to show both

You’ll want to wrap both elements in a container and style them appropriately. Here’s the general structure:

<div class="header-brand">
  {% if section.settings.logo %}
    <img src="{{ section.settings.logo | img_url: 'master' }}" alt="{{ shop.name }}">
  {% endif %}
  <span class="site-name">{{ shop.name }}</span>
</div>

Method 2: Add custom CSS

You’ll also need to add CSS to style both elements properly in assets/base.css or create a new CSS file:

.header-brand {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.site-name {
  font-size: 1.5rem;
  font-weight: bold;
}

---

We can handle this customization for you! Simply email us or DM your collaborator code, and we’ll create a copy of your live theme and implement these changes safely for you.

Best regards,

Shubham | Untechnickle

[Dan-From-Ryviu]

Hi @BethanySky

You can do that by opening header.liquid file, find this line of code

{{ shop.name }}

Move it above {%- else -%}, right above that line of code. It should have a few lines of that code so make sure you do for both.