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

XF 1.4 Header Re size Help

#1
Hey,
I have made a test header trying to get the header to re size itself to smaller resolutions, so I made the image purposely bigger to test this but the code I am adding doesn't seem to be working.
This is the code i have in the ad_header at the moment:

Code:
<xen:hook name="ad_header"/>
#header
{
    @property "header";
    background-image: url('@imagePath/flexile/test.png');
    background-repeat: no-repeat;
    background-position: top;
    -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@imagePath/flexile/test.png', sizingMethod='scale');
            -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@imagePath/flexile/test.png', sizingMethod='scale')";
    @property "/header";
}
Does anyone see anything wrong here? I have tried other codes but they didn't work either.
 
Last edited: