Help with adding an image to text box area

Topic summary

A user seeks to replace text (“GOD’S APPAREL & CO.”) with an image logo in their Shopify Dawn theme header.

Solution Provided:
A PageFly representative offers a CSS-based solution by adding custom code to the theme.liquid file above the </head> tag. The code uses CSS to hide the original text and insert the logo image as a background.

Implementation Steps:

  1. Navigate to Online Stores > Themes > Edit code
  2. Open theme.liquid file
  3. Paste provided CSS code above </head>

Iterative Adjustments:

  • Initial code successfully replaced text with image on desktop
  • User requested responsive sizing for mobile viewports
  • Code updated to include mobile-specific height adjustments
  • Final modification centered the logo horizontally

Resolution:
Issue fully resolved after three code iterations. The logo now displays correctly across desktop and mobile devices with proper centering. User confirmed satisfaction with the final implementation.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.

Hi, I am trying to replace the " GOD’S APPAREL & CO." with the image attached of an image version. How can I do this? My theme is dawn.

1 Like

Hi @kekoal

This is doable with CSS alone. Can you save your image in your store and provide us the link, then provide us your website, so we can provide a code appropriate for you.

Hi @kekoal

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Noah | PageFly

1 Like

Hi @kekoal

Not sure I understanding your mean but Dawn theme has image with text or Image banner sections so you can add image

This is working really well although I am having trouble resizing it to fit certain viewports. Is there a work around?

Hi @kekoal

You can increase, or decrease the height value until its match with your screen.

It matches my desktop screen but not my mobile screen.

Yes , please replace the code above with this new one, will adapt the height on mobile for you too


This is how its look for mobile

It worked! Sorry but one more ask, is there a way to center it? This is what it looks like now.

Thank you!

Image : https://cdn.shopify.com/s/files/1/0764/9663/4175/files/Your_paragraph_text_3.png?v=1692762549

Website: https://godsapparelcompany.com/

Yes please replace the code with this one:


1 Like

Perfect! Thank you so much

@kekoal Glad that i can help