poor logo resolution on mobile

  • Resolved iczek

    (@iczek)


    8 years, 4 months ago

    Hi again,

    I try to figure out how to prepare the logo on header to have it in good resolution on mobile. Now, I use PNG with 300dpi 80×80 px dimension and on my iPhone this is so poor quality ??

    I thought that the header logo container does not depend on logo size but it is in fact. So, when I enlarge the logo in resolution, the heade is bigger also.

    You you help me?

Viewing 1 replies (of 1 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Please create a version of the image that is 160×160, and add the following CSS to your site:

    .site-header .logo {
  width: 80px;
  height: 80px;
}

    The CSS will keep the logo at 80×80, but since the larger image will be used it will be sharp on the iPhone.

Viewing 1 replies (of 1 total)
  • The topic ‘poor logo resolution on mobile’ is closed to new replies.