XF 2.0 Centering logo

[Bionic Rooster]

Can someone provide me with the code for less.css to center a logo in the header?
The one I have for 1.5 doesn't appear to work
Thanks,

 

[Creaky]

I'm using this on the default style

.p-header-logo {
    margin-left: auto !important;
    margin-top: 10px;
}

Can be seen here https://moviesgamestv.co.uk/

 

[Bionic Rooster]

Thanks, worked like a charm

 

[kbarg]

Quick Question, where would I add that? I didn't see any Less or Extras options on the logo section of the Style Modifier....

 

[RichV]

Hello,
It goes here...

 

[Brad Padgett]

Quick Question, where would I add that? I didn't see any Less or Extras options on the logo section of the Style Modifier....

Yeah just go to appearance > search templates > and search extra.less

That's the template for putting all your CSS code. Even though it's not .css all CSS is supposed to go there and works fine either way.

 

[kbarg]

Sweet, thanks guys I did notice that if you // comment out the max-width: 200px; that cou can control the size of your logo.

 

[Oz_Horror]

Thank you @Creaky
I too have used this and it worked like a charm.
Really appreciate your assistance.

 

[clawbennett]

Hello! Thanks for the info, but it is not working for me. I copied and pasted your code into the extra.less and it is not centering my logo. Any ideas?

 

[clawbennett]

Nevermind, this code worked for me.

/* center logo */
.p-header-logo
{
    margin-left: auto;
}

 

[HuskerGarrett]

I know this is an old thread, but I used this code and it worked great. However, it makes it so that the logo is not visible at all on mobile. Anyway to fix that?

 

[Old Nick]

On mobile view p-nav-smallLogo is displayed instead of p-header-logo so it is not a normal behaviour.
Any other changes in your extra.less ?

 

[HuskerGarrett]

On mobile view p-nav-smallLogo is displayed instead of p-header-logo so it is not a normal behaviour.
Any other changes in your extra.less ?

No, no other changes. I noticed previously on mobile it moved the logo to the center anyway, so maybe now that I moved the actual one to the center it is moving the mobile one so far over it is not visible?

 

[Old Nick]

Do you use XenForo default style ?
Logo on mobile view is not centered, check with https://xenforo.com/community/