Menu

Hi Fredrik

Good to hear from you.

Is this for your personal site or another URL?

Have you perhaps tried the Customize > Theme Design > Header > Height setting?

its for the sight http://www.thefreelife.se

And the header height does not seem to do it?

Thanks. I don’t see the height setting being outputted in the customizer CSS. Is the setting saved? If so, are you perhaps using a caching plugin that can be cleared?

Has the style.css file been edited?

I don´t know what you mean, I have trued to change the header size but nothing happened and I did not have this problem before 🙁

It looks like the main style.css file in the theme has been edited? Is that correct? If so, those changes aren’t safe and should ideally be done via a child theme or via Custom CSS. Do you know which rules have been changed in style.css so we can do a recovery? I can see a few that relate to the header height.

I can login and take a look at the header height setting issue but ideally, we need to restore the style.css file so that your changes are stored in a secure, update safe location.

Would it be possible for you to create a temporary user account so we can login and take a look? You can create a new user account from Users > Add New in WordPress. Below you’ll find the information to enter and actions to take:

Username: puro
Email: [email protected]
Password: Click Show Password and copy the provided password to your clipboard (ctrl + c).
Send User Notification: Disable this checkbox
Role: Administrator

Lastly, click Add New User. Once that’s done, please, reply to this email and send us your site’s URL (web address) and the password for our new user account.

Once we’re done with this support ticket you can delete our user account.

Now my header picture is al gone 🙁

This reply has been marked as private.

Thanks

It looks like the main style.css file in the theme has been edited? Is that correct? If so, those changes aren’t safe and should ideally be done via a child theme or via Custom CSS. Do you know which rules have been changed in style.css so we can do a recovery? I can see a few that relate to the header height.

i have been in the main menu and header and changed, don´t think it was any other

This reply has been marked as private.

Thanks for the update.

The logo was missing because of this rule in Custom CSS:

.site-header .site-branding img {
	max-height: 10px;
}

I’ve restored the style.css file to default.

The challenge is that the header height setting applies to both the row with the logo in it and the row with the menu in it.

Ideally, crop your logo tightly around the image with no white space and re-add it. It’ll make working with the header easier.

I’ve replaced your Custom CSS with notes.

Customize > Theme Design > Header > Height: That setting will now just control the height below 768px.

See my notes in Custom CSS for changing the heights above 768px.

Crop your logo, remove all the white space.

(If you’re able to, please keep private replies for password etc. We can also shift over to email if you’d prefer.)

Hopefully, you’ve made some progress. I have a backup of the style.css file that I made before I restored it. Are you all good now? Just checking if I can delete this backup on my local computer. Thanks 🙂

Yes thanks! All good now! 🙂 Thank you 🙂
Only issue now it that it looks a bit wonky on the iPad but i will work it out!

I think the logo will be easier to manage if cropped but I’ll leave that up to you.

The logo is too large for mobile so perhaps wrap the rule like this:

@media (min-width: 1024px) {
	.site-header .site-branding img {
		max-height: 172px;
	}
}

So remove the rule you have now and use this instead. Your logo will then drop to max-height: 91px under 1024px.

Then in Custom CSS, the media query I inserted there, it’s up to 768px, change that to min-width: 1024px instead.