XF 1.5 Center Logo for Narrow Responsive Only?

[Donny]

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

 

[Lukas W.]

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.

 

[Donny]

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

 

[tribedude]

I would also be interested in how you resolve this.

 

[Russ]

This in extra.css should work:

@media (max-width:@maxResponsiveNarrowWidth) {
   .Responsive #logo
   {
     float: none;
     text-align: center;
   }
}

 

[tribedude]

Wow! Problem solved! Thank you Russ!

 

[htweet]

@Russ that helped too