XF 1.2 Low res logo on retina screens

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?
 

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.
 

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;}
 

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.
 

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.
 
Top