High Res Logo for HDPI devices?

Posted in : impressivCard WP
milkonmonday
Participant
24 January 2013 at 23:17
#3190

I love this theme and looks amazing on all devices, except for one little thing. The logo looks blurry on highres devices such as an iPhone. The uploaded logo on my site is 300dpi and still looks blurry. Can this be fixxed?

If it is possible I would also like to make it slightly smaller so there is more space between the logo and the element below it. It just looks odd to have such little space between, while the rest of the theme uses bigger spaces.

Here is an example how it looks now (left) and how I would like to see it (right).

http://www.milkonmonday.nl/wp-content/uploads/2013/01/Logo_Mobile_Example.png

Thanks in advance.
ahmetsali
Keymaster
28 January 2013 at 16:38
#3212
Hi, you need to upload your logo @2x size for retina screens. Now your logo is 230px X 60px, make it 460px X 120px. Then use the custom css code below;
```
.title img { max-width: 230px; }
@media screen and (max-width: 479px) {
	.title img { max-width: 70%; }
}
```

Viewing 2 posts - 1 through 2 (of 2 total)

The forum ‘impressivCard WP’ is closed to new topics and replies.