Centric Pro retina logo

[stefaanoyen]

Hi there,

I tried to make the header logo on my Centric Pro website retina ready by uploading a @2x png into the same folder and then adding this code to the top of my Media Queries (in style.css):

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-moz-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min-device-pixel-ratio: 1.5),
	only screen and (min-resolution:120dpi) {
 
	.site-title a {
		background: url(http://www.zakelijkechat.be/wp-content/uploads/2014/04/[email protected]) no-repeat !important;
		background-size: 360px 96px !important;
	}		
}

Unfortunately, it doesn't work. This is the URL: http://www.zakelijkechat.be

Any ideas about what goes wrong?

Thank you!

http://www.zakelijkechat.be

[AnitaC]

Try adding a couple more lines in there to see if it works:

height: 96px;
width: 360px;

It looks like you told it what the background size should be, but not the image size.

---

Need help with customization or troubleshooting? Reach out to me.

[Author]

Posts