I am starting to demo updated, Olivero-based themes to clients and have had 2 request reductions in the initial empty space above the site header/branding elements.
That is, they'd like their logo and menu to be more flush with the top of the page.
I can see a min-height of 11.25 for these elements. I took an initial stab changing these values to "min-height: inherit;" and some other tweaks, but with the js-interplay the body seems to jump and I can't figure out everything I need to change to keep it a smooth transition depending on if viewing:
- site normally at top (initial visit)
- scrolling down menu not expanded
- scrolling down menu expanded
Could this either:
- be an option to have the header/branding flush with the page top, or
- some documentation/explanation of the code that needs to be changed to reduce or remove the empty space
