Problem/Motivation

When gutter width is custom we can get slight layout shifts in navbar section where logo and main navbar menu items are not aligned vertically with content.

We have custom layout solution for header section that use custom `$header-grid-gutter-width` SASS variable.

Proposed resolution

BS introduces `$navbar-padding-y` which by default is set to `$spacer`. We need to override this and set `$navbar-padding-y` to half the size of `$header-grid-gutter-width`.

Issue fork bs_base-3504824

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

pivica created an issue. See original summary.

pivica opened merge request !15

pivica’s picture

pivica commented
Status: Active » Needs review

Ready for a review/test.

  • pivica committed 64700226 on 8.x-1.x 
    Issue #3504824 by pivica: Header logo and main navbar menus vertical...
pivica’s picture

pivica commented
Status: Needs review » Fixed

Merged.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.