XF 2.3 Header shrunk LOL

[Bionic Rooster]

Updated to 2.3 and my header shrunk. I found header/logo row settings but I can't find where to change the header depth or stop the repeat of the background image. Any help appreciated. see attachment

 

[Mr Lucky]

That's odd, it would normally be in Style Properties > Header and Navigation. Were there ant template merge issues?

 

[Jeremy P]

Set the logo width/height as desired in Style properties > Basic options. The background is related to a customization, so I'm not clear what the desired behavior is there. You can use background CSS properties to adjust it, for example:

background-position: center;
background-repeat: no-repeat;
// ...or...
background-size: cover;

 

[Bionic Rooster]

That's odd, it would normally be in Style Properties > Header and Navigation. Were there ant template merge issues?

Yeah that's what I thought, under Header and Navigation there is header/logo row but no settings to make it deeper. No template merge issues.

Set the logo width/height as desired in Style properties > Basic options. The background is related to a customization, so I'm not clear what the desired behavior is there. You can use background CSS properties to adjust it, for example:

background-position: center;
background-repeat: no-repeat;

Changed the logo width/height and nothing changed.

 

[Jeremy P]

Do the settings match the aspect ratio of the image? The full image width and height are a good start (ie. 600x143).

 

[Bionic Rooster]

The full image width and height are a good start (ie. 600x143).

Exactly same size.
And the background is not showing anymore.
Any idea why the upgrade would change the the size and not allow change?

 

[Jeremy P]

It looks fine for me now:



It may be worth ensuring the selected style in the front-end matches what you've changed, and clearing your cache. I think it only would have changed after upgrading if you had not entered a width/height previously.

 

[Bionic Rooster]

Here's an oddity, if I go to the site not logged in the page shows as you stated. When I log in it reverts to the issue I showed. Cache cleared, this is happening on 3 different browsers

 

[Bionic Rooster]

It may be worth ensuring the selected style in the front-end matches what you've changed

Ok I think it's fixed, changed styles and it's working right
Thanks

 

[Wayne Hunt]

Good morning.

Sorry to resurrect a zombie thread from a month ago, but I have two sites, salemspectator.com, and whyzzat.com. Both are generally on auto-pilot and aside from keeping them upgraded, they've been trouble-free for years.. I haven't messed with ANY of this stuff, so most of what I did to get here has been long since forgotten. It's been about 6 years since I put the sites up, and as my hobbies go, I'm no longer tinkering in web stuff, spending most of my money puttering around a shop due to declining health issues. I just wanted to say this to elaborate that I need a little ELI5 sensitivity please...

This morning, on both sites, I did the automated upgrade from 2.2x to 2.3.2 and 99% of everything looks perfectly great.

That being said the header logo on both sites have shrunk by 90% in size and I don't know how to fix it. It's NOT looping as above. It's just tiny, like 20 pixels high instead of the 650 x 120 of the original logo.



PLEASE help me get this back on track? I've looked into header.less and others, but don't really know what I'm looking at...

Wayne

 

[Davyc]

@Wayne Hunt add this to your extra.less file

.p-header-logo.p-header-logo--image img {
    width: 650px;
    height: auto;
}

If nothing changes, add !important to the width -you can also change the width to whatever you want.

 

[Wayne Hunt]

@Wayne Hunt add this to your extra.less file

If nothing changes, add !important to the width -you can also change the width to whatever you want.

Thank you! That was exactly what was needed to fix the issue. I'm not sure what changed in the upgrade, but it definitely did...

Now I can stop getting e-mails from users screaming "the header's really tiny".