How to add an .svg image file (logo) to the Debut theme

How to add an .svg image file (logo) to the Debut theme

DidiPanorama
Visitor
2 0 0

Hello, I am a complete noob when it comes to HTML and code in general, so I was wondering if there is a simple way for me to add an .svg logo to the header of my shopify. I already added my .svg file as an asset, but I don't know what to do next. Been looking around for tutorials and found some, but they don't work (as in, nothing changes). I am using the Debut theme. Thank you.

Replies 4 (4)

DidiPanorama
Visitor
2 0 0

LitExtension
Shopify Partner
4960 1009 1190

Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Sections > header.liquid, find 'section.settings.logo' and change code: https://i.imgur.com/nHV1p5n.png => https://i.imgur.com/eVGgcNP.png
<a class="site-header__logo-link" href="{{ routes.root_url }}"><img src="{{ 'logo.svg' | asset_url }}" alt="{{ shop.name | escape }}"></a>
With logo.svg is the filename you added to Assets
Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Contact us:
- Email: contact@litextension.com
Elisaw
Explorer
79 2 11

Hi! I am hoping you could help me too. I am trying to upload an SVG to the assets and receive this error: Aspect ratio must be between 100:1 and 1:100. I have tried changing the size of the SVG, first to 100px by 100px, then to 20 by 20 and neither work. Any ideas? Help is greatly appreciated!

websensepro
Shopify Partner
2109 263 313

Hello, I Can Show You How To Add SVG Logo in Dawn Theme Shopify By watching this tutorial:

https://youtu.be/j7eJ-HiPt6c

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP