XF 2.0 p-header-logo size?

[wickedstangs]

What should the image size be for a header-logo to properly show in the center?

Two different monitors
1.

2.

 

[S Thomas]

Are you sure it's because of two different monitors and not because of one being a staff member and the other one being logged out?

 

[Russ]

At first, I thought it was due to being a background issue but it's just a single image so the screen is reducing it properly, can't replicate #2 on your site at all. Works fine, but you may need to address the mobile version.

 

[wickedstangs]

Are you sure it's because of two different monitors and not because of one being a staff member and the other one being logged out?

Ok, I logged in on the other screen and that screen is running IE Version: 11.285.17134.0 and still looks off.. Looks to be working on Chrome and Mozilla

 

[wickedstangs]

At first, I thought it was due to being a background issue but it's just a single image so the screen is reducing it properly, can't replicate #2 on your site at all. Works fine, but you may need to address the mobile version.

oooch.. my mobile version is terrible.. @Russ do you have style that is dark/light that can fix my issues and have a nice banner across the top?

 

[Russ]

Well, all of our styles have an option to keep the logo in the default spot, so it doesn't go inside the navigation. This helps on larger logos like yours.

I'd still recommend looking into splitting your logo up though, one being the main car with the text itself, and the others use as a background image.

Core and Flat Awesome + come with light/dark combo's.

 

[wickedstangs]

well looks like this fixed my mobile issue.

thanks at @Mr Lucky for this code https://xenforo.com/community/threads/place-a-logo-banner-on-mobile-view.146695/#post-1253160

@media (max-width: 650px) {

    .p-nav-smallLogo img {

        display: none;
    }
    .p-header {

        display: block !important;}

  .p-header-logo

   {max-width:100% !important}

}