1. 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

Discussion in 'Styling and Customization Questions' started by Stuart Wright, Mar 14, 2015.

  1. Stuart Wright

    Stuart Wright Well-Known Member

    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
    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
     
  2. Chris D

    Chris D XenForo Developer Staff Member

    It is working.

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

    Stuart Wright Well-Known Member

    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: Mar 14, 2015

Share This Page