In Shopify my Logo is unclear


In Shopify my Logo is unclear

Do you want to access your language options or theme’s code with new theme editor layout by Shopify?

Go to your Shopify admin:

Click on online store > Themes

Then you have to edit click on the menu button which is a tiny square with three blue dots.

A submenu of options will be opened that will include: Edit HTML / CSS and edit Language.

The theme will show it’s true uploaded size after adding a logo to your store.

 This will blur the images on the retina screen, as than their true size they are shown at a greater scale.

 Exact the unevenness is easy and does not necessitate that you have 2 diverse logo images for dissimilar resolutions; here is how to sharpen that up.

Open: Admin > themes > customize theme > theme options > edit HTML / CSS

The next page open> Assets folder > choose: Stylesheet.css.liquid

Till the bottom scroll and paste the other code in the following:

#logo img { max-width: 220px; }

You can enhance the 220 px or reduce this as per requirement but after it is done save it, then go to:

Themes> customize theme > open section that is named header.

Upload the version of your logo that is larger and that is oversized for the site.

This will upload that greater logo but the code that was added will limit it’s size that will help it to display in sharp quality on all the screen size.


About Author

Leave A Reply