Bug Dawn theme. Logo and name of the store

[Purrfectly]

Hi! Hope you can help me. I have asked this question few days ago so maybe see previous post to see what have been tried. But my issue is that there seems to be no way for my logo to be left to my store name (wich is not include in my logo). 

 

[oscprofessional]

Hello @Purrfectly 

Shopify provides feature to add logo. You just have to assign the img from there. And will need to modify the code to show the Store name beside logo.
Follow the steps

1) Go the Customize option
2) Click on header and then click on theme settings
3) There you will find an option for Logo. Just add the image there 
4) Next click on Edit code and open the header.liquid file
5) Search for 'header__heading' and replace the code with existing code


<a href="{{ routes.root_url }}" class="header__heading-link link link--text focus-inset">
{%- if settings.logo != blank -%}
<div class="header__heading-logo-wrapper">
{%- assign logo_alt = settings.logo.alt | default: shop.name | escape -%}
{%- assign logo_height = settings.logo_width | divided_by: settings.logo.aspect_ratio -%}
{% capture sizes %}(max-width: {{ settings.logo_width | times: 2 }}px) 50vw, {{ settings.logo_width }}px{% endcapture %}
{% capture widths %}{{ settings.logo_width }}, {{ settings.logo_width | times: 1.5 | round }}, {{ settings.logo_width | times: 2 }}{% endcapture %}
{{ settings.logo | image_url: width: 600 | image_tag:
class: 'header__heading-logo motion-reduce',
widths: widths,
height: logo_height,
width: settings.logo_width,
alt: logo_alt,
sizes: sizes,
preload: true
}}
</div>
{%- endif -%}
<span class="h2">{{ shop.name }}</span>
</a>

Final output will like this 

I hope this solution meets our needs.
Thank you!!

[Purrfectly]

It worked!!!! 😄 
The only thing is that now they appear on top of the other like on the picture linked. Is there a way to put the logo at the left and the name at its right next to it? 

[oscprofessional]

Sure, You can display the text beside the logo.
just add the below css in 'base.css' file located in asset folder

h1.header__heading {
width: 230px;
}
.header__heading-link {
display: flex;
align-items: center;
column-gap: 6px;
}
.header__heading-logo-wrapper {
flex: 0 0 80px;
}

I hope this helps! If it does, please like it and mark it as a solution!