Help customising Twenty Thirteen Theme

Hi Greenhouse, probably best to tackle one issue at a time. I’m looking at the header image and wondering if the original image is/was larger than 1080×230 px. From what I can see the top of the navigation bar is being “pushed” downward by the header image. This seems to be why the nav bar gets bigger as you resize the window. WordPress believes that there is some element there that needs to be resized vs it being empty space.

Not sure if that helps but you could try to rescale the image to the original (1080×230) dimensions and see if that corrects the problem.

Hi!
Thank you very much for your help.
Just did that and it’s better now ??

I’ve just resized it.
Now my image is 1080px x 150px which is exactly what I want.
However, when I resize the window, it happens again – the nav bar grows bigger.
The same happens in mobile phones.
Could you help me?
Thank you

I can’t seem to figure out the problem.
My banner image doesn’t appear fully in height and my nav bar should appear under the header not inside.

I’m taking another look, stand by.

Let’s go back to basics for a second. Don’t take offense at my questions, I’m just trying to get a sense of what’s going on.

Are you using a child theme or modifying the parent?

What was the original size of the header graphic that you are using?

Do you have the site title and description filled out under Settings-General?

Sure.
I’m very thankful for your help.
I’m using a child theme.
The original size of the header graphic I’ve uploaded is 1080px x 150px.
Yes, I have the site title and description filled out.
Again, thank you very much for your help.

I’ve been comparing the code in a clean version of twentythirteen and your site but can’t isolate the element that’s causing the nav menu to grow when its size is reduced. It seems that happens once the first element in the nav bar (the About Us, in this case) has been “pushed” as far left as it can go. Once it reaches the left boarder the “growing” behaviour begins.

I’m sure I’d be able to figure out why if I had more time, but I’m running out of time for this evening.

A non-elegant solution would be to reinstall the theme (since you haven’t gotten too far into the development) and start over. Or to try a different theme – there are quite a few good free ones. Or wait for another helpful soul to take a shot at it.

Probably not what you’d like to hear but the best I can offer within a limited time. Apologies!

Thank you so much :).
I really appreciate it.
I guess I’ll keep testing on it until someone helps me.
Thank you again for your help and patience

No troubles, just wish I could have gotten you to a full solution.

I was wondering if there’s a code to lower my nav bar so it wouldn’t appear in the header?
Is there anyone who could help me with this or is it just not the correct thing to do?
Thank you

I guess I found the problem.

When I put this code in my child theme style.css:

body .site-header {
	background-size: 100%;
}

My image fits perfectly in terms of height. However, it gets that white line on top and on the bottom.
If I don’t put that code, the image is too big, there’s still a white line on top and when I resize my firefox window, the image disapears altogether…
I really don’t know what to do.
I’ll give it a couple more tries and then maybe change theme.
If anyone has an idea, I’d much appreciate it.
Thank you