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

Discussion in 'Styling and Customization Questions' started by Jeff Fuqua, Aug 24, 2014.

  1. Jeff Fuqua

    Jeff Fuqua Well-Known Member

    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.
     
  2. Arty

    Arty Well-Known Member

    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"
     
    Jeff Fuqua likes this.

Share This Page