How can I overlay a logo on the Image Banner in Dawn?

My website: 774a7e.myshopify.com

password: meulti

I want to add my logo image on top of the heading text that says " Browse our latest products "

Thank you

2 Likes

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code

  2. Find sections > image-banner.liquid and paste this at the top of the heading:

{%- if block.settings.block_img != blank -%}
  {{ block.settings.block_img | img_tag }}
 {%- endif -%}

  1. In your Shopify Admin go to online store > themes > actions > edit code

  2. Find sections > image-banner.liquid and paste this at the top of the heading_size schema:

{
  "type": "image_picker",
  "id": "block_img",
  "label": "Image"
},

Hi thank you, but:

The image is super small & square. My logo (my store name in text format) is big, wide, and rectangular. Is there any way to adjust the sizing of the image, or make the image adjust to the size of the file?

1 Like