We are Underground support

My Logo is blurry

Last Updated: Aug 25, 2016 11:27PM EDT

Looking to access your theme's code or language options with Shopify's new theme editor layout?

In your Shopify admin click on Online store > Themes
Next to the theme that you want to edit click on the Menu button which is a small square with 3 blue dots
This will open a submenu of options which includes: Edit HTMl / CSS and Edit Language

When adding a logo to your store the theme will show that at it's true uploaded size.
This will on retina screens blur the images as they are being shown at a greater scale than their true size.

Correcting the sharpness is simple and does not require that you have 2 different logo images for different resolutions, here is how to sharpen that up.
  1. Open: Admin > themes > customize theme > theme options > edit HTML / CSS
  2. On the next page open the Assets folder and choose: Stylesheet.css.liquid
  3. Scroll to the bottom of the page and after all other code paste in the following:

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

You can increase the 220px or decrease this as needed but click save when done then go to: Themes > customize theme and open the section named: Header
upload a large version of your logo that would be oversized for the site.

This will upload that large logo but the code that you added above will limit it's size helping it to display in sharp quality on all screen sizes.

Get help

Note We can not offer individual theme modifications, however are happy to advise on the best Shopify resources and finding developers to work on your theme.
Want to customize your theme?
Have questions not covered in our docs?
retail@undergroundmedia.co.uk
http://assets0.desk.com/
false
undergrndmedia
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete