XF 2.2 @media doesn't disable header Ad on Mobile site

[giorgino]

Hi all. Weird issue.

I set up the advertising position "container header" with a 729x90 banner into.
The code is

<div class="ad_header" id="87439-1">
         [ad code]
</div>

and the CSS code I inserted in extra.css is

@media (max-width: 960px) {
    .ad_header {
        display: none;
    }
}

It works as expected in the PC browser window, but not on mobile version where this is the output



Can you please help with this?

Thanks

Giorgio

 

[bzcomputers]

Currently is does not look like the "ad_header" class is being applied, so I can't test your issue.

I did see a syntax issue...


970xpx should be 970px

 

[giorgino]

970xpx should be 970px

Where did you find that value. I'm searching around but I can't find it...
BTW it seems that display:none isn't working as expected or not?

 

[bzcomputers]

The "ad_header" class is not being applied to the ad position. "970xpx" is likely in your ad code.

 

[giorgino]

The "ad_header" class is not being applied to the ad position. "970xpx" is likely in your ad code.

Ok so the ad code it's a Javascript that load then code when called. It probably wrong from the source.
So the issue could be there, the low quality of the ad server?