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

XF 1.3 Keep logo 100% on mobile

Jeff Fuqua

Well-known member
#1
I'm switching to a responsive design and want my logo to remain actual size when viewed on a mobile device. I'd also like to see it center, if possible.

I tried an add-on cy_respollo but had no luck making it work.

Anyone have any suggestions? Thanks.
 

Arty

Well-known member
#2
Set it as background image for logo:
Code:
#logo a { 
    display: block; 
    width: 100%; 
    height: 50px; 
    background: url(styles/whatever/xenforo/logo.png) 0 0 no-repeat;
}
#logo a img { display: none; }
Change 50px to your logo height and path to correct location of logo image. If you want it to be aligned to center, in background declaration after logo url replace "0 0" with "50% 0"