• 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

#1
Hello,

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.
 

ExpertPixels.com

Well-known member
#2
Can you be more precise about what your after ? I think i know what you mean.. if so try this:

Code:
#logo img {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   margin: 0;
   background-size: 100% auto;
}
Regards, Darren
 
#3
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?