prosperarachel

@jerrysarcastic Thanks for taking the time to do this, I appreciate it. I do have a min-width parameter in my css so the changes only take effect on wider screens, and it is looking okay on both my tablet (portrait and landscape) and phone. I’d prefer to risk losing a little of the heading if people happen to be just in the wrong size spot for the window, in order to make it better for the majority of people.

My core problem is trying to get enough information “above the fold” to retain attention when items like the headers are quite large relative to the rest of the page. However, I like the rest of the theme and am very grateful for all the assistance you all give here.

Hi @jerrysarcastic
I already had code the same as @fresatomica but with a value of 1 em instead of 0. Changing the value didn’t affect the look of the page at all that I could see.

Thank you for your idea about the logo. It’s normal to add white space within logo images to keep the padding to the correct amount. But I have now cropped the bottom of my logo and it does help, although there is still 1cm of white space below it, above the grey line separating the bottom of the menu from the rest of the page.

Exploring further I have found that
.main-navigation {
margin-top: 0.1em;
}
affects the top margin of the menu, but margin-bottom: 0 em; doesn’t make any difference to the bottom of it.

Any more ideas gratefully received…