Plugin conflicts with header code

  • Hi.

    The plugin works great BUT conflicts with this code I used to make my header logo and background pin-sharp for Retina, before installing the plugin. To be specific, it just shows the full-size @2x image, as opposed to keeping to the dimensions specified in the code (the non-@2x image size):

    @media only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2) {
.header-full-width #header .wrap {
background-image: url(images/[email protected]);
-webkit-background-size: 310px 86px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2) {
#wrap {
background-image: url(images/[email protected]);
-webkit-background-size: 440px 66px;
    }
}

    Do you have any suggestions?

    Thanks.

    https://www.ads-software.com/plugins/wp-retina-2x/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jordy Meow

    (@tigroumeow)

    If you are using the client-method, you should check the GitHub forums of retina.js, this is the script used by the plugin. I don’t think it should affect anything that is in the CSS though…

    Thread Starter Smith John

    (@tidd)

    Thanks, Jordy. I figured it out – I just removed the above code, uploaded an over-size image and restricted the display dimensions using ‘background-size:’. Works a treat. Your plugin in seriously awesome. I was using Photon before, which just crippled my site. Thanks for your efforts – much appreciated. Merci beaucoup!

    Plugin Author Jordy Meow

    (@tigroumeow)

    Thanks ?? When you have time, don’t hesitate to write a little review here: https://www.ads-software.com/support/view/plugin-reviews/wp-retina-2x. It always help ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Plugin conflicts with header code’ is closed to new replies.