• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.4 My CSS isn't working

Stuart Wright

Well-known member
#1
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/

banner_height.gif

[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:
Code:
<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
 

Stuart Wright

Well-known member
#3
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.
 
Last edited: