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

XF 1.5 Center Logo for Narrow Responsive Only?

Discussion in 'Styling and Customization Questions' started by Donny, Jul 11, 2016.

  1. Donny

    Donny Active Member

    Hi Guys,

    As always, thanks in advance for any help. I'm sure this is a quick one for quite a few, but not for me! Been trying for hours now with suggestions from various threads on here, and nothing seems to be working.

    I'm trying to center my logo but for responsive only.

    Entering suggested css in the EXTRA.css or in the area for responsive narrow only and neither seems to push it to center when I'm browsing in narrow. (Also tried it in medium just in case I wasn't hitting the narrow width in the browser).
     
  2. katsulynx

    katsulynx Well-Known Member

    If the suggested solutions around don't work, your style might be interfering. Would you be so kind to provide a link to your site? Then it'll be solved in no time.
     
  3. Donny

    Donny Active Member

    I can pm you a link. I use a stock style though.
     
  4. tribedude

    tribedude Active Member

    I would also be interested in how you resolve this.
     
  5. Russ

    Russ Well-Known Member

    This in extra.css should work:

    Code:
    @media (max-width:@maxResponsiveNarrowWidth) {
       .Responsive #logo
       {
         float: none;
         text-align: center;
       }
    }
     
    eva2000 likes this.
  6. tribedude

    tribedude Active Member

    Wow! Problem solved! Thank you Russ!
     
  7. htweet

    htweet Member

    @Russ that helped too
     

Share This Page