header height, homepage image problems

Shapely
1

Hi,
I would like to know if it’s possible to make the white header really thin, just enough for logo and menu. It’s really big on my screen atm.

Also, on the mobile device the image is cropped and doesn’t show what’s needed. How can I fix this?

the website is essentialpower.com.au

Thanks

2

Hello Kecco

Sorry but the height of the header is normal, making it even thin will brakes user interface, can you show me a screenshot from you?
cropped image - can you show me a screenshot?

3

Hi.
Here is the screenshot. As you can see, logo and menu are not aligned vertically, and there is a lot of white space. I would like to see the white header thinner.
I’ll post the other screenshot from the mobile

Thanks

4

Here is the cropped image in the mobile phone.

thanks

5

Good morning

For header try this css:

.main-navigation {
padding: 0px 0;
}

this will remove 20 px totally from the header,

image - parallax images cannot be aligned on the mobile devices separately, programmatically it behaves normally, the script does not know where the character is on the image, so, you have to choose a better image where characters are in the center, there is no other way to fix this