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.
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:
- Navigate to Online Stores > Themes > Edit code
- Open theme.liquid file
- 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.
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
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/
Perfect! Thank you so much
@kekoal Glad that i can help