Remove white space in header

Use this code in Custom CSS section, adjust both the px numbers.

.header { padding-top: 200px; }
.nav { margin-top: 100px; }

Next time, if you go to the theme support forum and post question from there the post will show up in theme’s own forum so that more people who use this same theme would see the question and there’s more chance to get help.
https://www.ads-software.com/support/theme/adelle

Another different issue, if you still have the psd file for the logo, use the save for web option and choose png format as opposed to jpg. This is to avoid the compression artifacts, it’s shown very noticeable as it is now.

Thanx, the header is fixed now!

Can you explain what you mean with the compression artifacts- thing?
I’m still a web-dummy…

See the difference?

Text image saved as jpg
https://i.imgur.com/y56voG0.jpg

Text image saved as png
https://i.imgur.com/anEBYDA.png

It’s even more severe in retina display.

Okay I see what you mean. I created the logo with Word, any idea how I should save it as png?

I cropped the logo with a snipping tool and saved it. If I open it in Word again and try to save it as png, it doesn’t look any better than the original.

Okay… I think I changed it. Can you tell the difference?

Yes, it’s still noticeable.
https://pinktaste.nl/wp-content/uploads/2015/05/PT-headergecropt.png

It doesn’t really look that bad but it sure don’t look professional.

We can’t just grab a jpg image and convert to png, we have to save as png from the original file right at the beginning.