1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 Low res logo on retina screens

Discussion in 'XenForo Questions and Support' started by NeoCHI, Aug 10, 2013.

  1. NeoCHI

    NeoCHI Active Member

    Hi I noticed with the responsive theme in 1.2 the logo displays fuzzy on retina screens. Anything we can do about this?
     
  2. JulianD

    JulianD Well-Known Member

    If you are placing your logo as a standard image, duplicate the size of the logo and then scale it down with css.
     
  3. NeoCHI

    NeoCHI Active Member

    I don't exactly understand. Can you be more specific?
     
  4. Jeremy

    Jeremy XenForo Moderator Staff Member

    Basically, you need a higher resolution image.
     
  5. JulianD

    JulianD Well-Known Member

    If your logo is 100x50 then create one version of your logo with size dimensions of 200x100 and scale it down with css like

    Code:
    .logo {width: 100px; height: 50px;} 
     
  6. Andy.N

    Andy.N Well-Known Member

    Or just use a SVG format logo. Problem solved.
     
  7. Shyuan

    Shyuan Well-Known Member

    @NeoCHI This code works for me for xF1.1.5. I assume it works for 1.2 too :)

    Code:
    #logo img { width: 113px; height: 90px; }
    where my actual logo image size is 226px 180px. Did exactly what @JulianD said, "scale it down with css". Hope this helps.
     
    Verringer and JulianD like this.
  8. ekool

    ekool Member

    Instead of specifying the width explicitly I have specified max-width: 50% and that works and allows it to resize smaller on mobile/responsive.
     
    Amin Sabet likes this.

Share This Page