CSS Minify (overwritten media only)

  • Hi,

    Another question in regards to the CSS Minify options of W3 Cache.

    I have a Retina logo for the website.

    This is hidden by the CSS as default:
    .retina-logo {display:none;}

    Then tested in CSS to toggle over:

    @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) {
  .retina-logo {display:inline-block;}
(etc)

    The issue I’m having is that the W3 Cache minified version of that CSS isn’t respecting the media only tag, and just defaulting to a single line:
    .retina-logo {display:inline-block;}

    This results in both logos being loaded/displayed.

    Is there any options available to prevent this overwrite?

    https://www.ads-software.com/plugins/w3-total-cache/

  • The topic ‘CSS Minify (overwritten media only)’ is closed to new replies.