Olivero: Add option for reduced header/branding height

Created on 14 February 2022, over 2 years ago
Updated 2 April 2024, 3 months ago

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
✨ Feature request
Status

Needs work

Version

11.0 🔥

Component
Olivero  →

Last updated 1 day ago

Created by

🇺🇸United States W01F

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.69.0 2024