XF 1.4 My CSS isn't working

[Stuart Wright]

Hello folks,
I want to stop this from happening (the page shunting down when the banner loads).
https://www.avforums.com/threads/difference-between-cctv-poe-cameras.1939136/



[Edit - why isn't that animated gif working? It works when I'm composing the thread.]

What happens is that the default height for the banner slot is 50px, set in the element style

<div style="min-height: 50px;" class="banner0 banner adHeader" id="div-gpt-ad-1370076996358-0" data-ad-slot="div-gpt-ad-1370076996358-0">

I've used this css:

<xen:if is="@enableResponsive">
    @media (max-width: 728px)
    {
        .Responsive .banner.adHeader,
        .Responsive .banner.adFooter
         {
            min-height: 90px !important;
        }
    }
</xen:if>

But it isn't being applied.
Any ideas why not, please?
Thanks

 

[Chris D]

It is working.

That CSS correctly applies when the browser window is below 728px wide.

 

[Stuart Wright]

Thanks, Chris. Need different logic, then, to determine when the width is at least 728 pixels.
Contrary to what I'd expect, min-width does it.