Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Media Query Issues

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #148747
    MBM
    Participant

    I’m having major problems with media queries in eBay listings. I have used the same media queries previously outside of eBay so I know they work but I think eBay is over-riding the code.

    When I resize the page to full HD (1920 x 1080) the code from this media query is pulled :

    @media only screen and (min-width : 1280px) {
    

    When I resize the page to 1280 x 1080) the code from this media query is pulled :

    @media only screen and (min-width : 1024px) {
    

    and for 1024 x 768 it is pulled the code from the right media query.

    The eBay page source shows this in-line style :

    <style type="text/css">body ul#bc a {
                    white-space:nowrap;
    }
    body .sz1280 .vi-VR-brumblnkLst{
                    max-width:500px;
    }
    body .sz1152 .vi-VR-brumblnkLst{
                    max-width:450px;
    }
    .sz940 .vi-VR-brumblnkLst{
                    max-width:300px;
    }
    body .sz1280 .vi-bc-topM .vi-VR-brumb-hasNoPrdlnks{
                    max-width:800px;
    }
    body .sz1152 .vi-bc-topM .vi-VR-brumb-hasNoPrdlnks{
                    max-width:750px;
    }
    .sz940 .vi-bc-topM .vi-VR-brumb-hasNoPrdlnks{
                    max-width:550px;
    }</style></head>
    <body class=" ">
    
    <style type="text/css">
    html body {
        background:none;
    }
    </style>
    

    http://cdpn.io/dBetg

    And live listing :

    http://www.ebay.co.uk/itm/Uneek-UC101-Classic-Designer-Branded-Polo-Shirt-XS-4XL-/141050050441?pt=UK_Men_s_T_Shirts&var=&hash=item667c15b97c

    Is there a way to over-ride this code? I know !important can be used but I don’t know how to use it to string several media queries together, if indeed that is possible.

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.