• When trying to add the following to the media attribute setting:
    only screen and (max-width: 768px)

    The following is the resultant, broken html:

    <link href="https://www.equinox-apothecary.shop/wp-content/uploads/2022/11/BG_Flowers60-60mob.webp" rel="preload" as="image" type="image/webp" media="onlyscreenand(max-width:768px)">

    Even if i simplify it to:
    max-width: 768px

    I get this and it still triggers on desktop:

    <link href="https://www.equinox-apothecary.shop/wp-content/uploads/2022/11/BG_Flowers60-60mob.webp" rel="preload" as="image" type="image/webp" media="max-width:768px">

    So something is broken. Any suggestions?

The topic ‘Media Attribute is broken’ is closed to new replies.