Add store name as well as logo - Atlantic Theme

Technical Q&A
, ,
1

Hey All,

I’m close to ripping off the bandaid and going live … however … curious if it is possible (it might not be) to add the store name in nice bold font AND have the logo as well? Or is that not advised?
This is the current site in Atlantic

I’d like the name to be smaller but similar to title of work dot com … although .. this site does NOT have the logo.

I’m open to advice on this as well.. just seems odd to not have the company name in the header.
Thanks in advance!

PS - I did try my hand at editing the header.liquid css but could not get it quite right.

1 Like
4

Oh fabulous! Yes, I tried a few times and was failing miserably … with both the logo and the site name being displayed way over to one side. Please let me know what I can send to you code wise or the best way to proceed … I was using custom CSS and AI to help but … it was hilariously bad. And thank you in advance!!!

5

I located the code I had put into somewhere (?… perhaps it was header.liquid something…) I could find the location again. But this did not work well at all!

Also I don’t know how to place code in here. Sorry about that.

{% if logo != blank %}
<a
href=“{{ routes.root_url }}”
style=“max-width: {{ logoWidth }}px; display: flex; align-items: center; gap: 12px;”
aria-label=“{{ shop.name }}”

<span style="display: inline-block; max-width: {{ logoWidth }}px;">
  {%
    render 'rimg'
    img: logo,
    alt: shop.description,
    size: '800x800',
    focal_point: logo.presentation.focal_point,
  %}
</span>
<span style="font-size: 1.5rem; font-weight: 600; white-space: nowrap;">{{ shop.name }}</span>
{% else %} {{ shop.name | link_to: routes.root_url }} {% endif %}