[gstrout]

So, I worked with the CSS and the Menu Items are no longer hidden.
However, now they cover the content when I hit the first responsive breakpoint.
Which of the CSS entries would I need to change this behavior?

Again, any help would be greatly appreciated!

[gstrout]

Thank you!
I changed that CSS and the header is now the height I wanted... Unfortunately now the menu items disappear when the menu responsively resizes for a smaller screen size.

Actually, I was hoping to keep the logo on the left and keep the menu items over to the right when resized for smaller screens but didn't know how to do it.
Here's what I was hoping to achieve:

(Possibly even swapping to a smaller logo for smaller screen sizes?)


Is there a way to achieve this with CSS using this theme?
If it's complicated, perhaps you could point me to a tutorial I could try?
Again, my CSS knowledge is spotty so any help you could offer would be very appreciated.

[gstrout]

Christoph,
Thanks so much for your observation.
My CSS skills are still a little bit limited, could you suggest which specific attributes I need to change and in what way?

Any help would be appreciated.

Thanks,

[gstrout]

That fixed it!
I appreciate your help.
Thank you very much!

[gstrout]

It seems the bars are on the Secondary Menu location, which is not included on the front page.

You can see them on this page instead:

About

[Author]

Posts