Olivero: Add option for reduced header/branding height

Created on 14 February 2022, over 3 years ago
Updated 2 April 2024, over 1 year 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 9 days 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.71.5 2024