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

XF 1.2 Header Image Fixed

Discussion in 'Styling and Customization Questions' started by nick123, Nov 11, 2013.

  1. nick123

    nick123 Member


    Just wondering how to make a header background image fixed so upon zooming in and out it stays the same size. If this is possible, any help would be appreciated.
  2. ExpertPixels.com

    ExpertPixels.com Well-Known Member

    Can you be more precise about what your after ? I think i know what you mean.. if so try this:

    #logo img {
       width: 100%;
       height: 100%;
       position: absolute;
       top: 0;
       left: 0;
       margin: 0;
       background-size: 100% auto;
    Regards, Darren
  3. nick123

    nick123 Member

    Hey, thanks for the help.

    I think you sort of get what I mean, by header I do not mean the header logo however. I have a background image behind the logo as a header, I wan't it to be the same size, upon zooming in and out, with different monitor sizes/screen resolutions. I basically wan't the background image to look the same on whatever PC/laptop/mobile you are on.

    Do you think this is possible?
  4. marcv

    marcv Member

    Any solutions to this?

Share This Page