Header logo and main navbar menus vertical aligment improvement

Created on 6 February 2025, 12 days ago

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`.

🐛 Bug report
Status

Active

Version

1.0

Component

BS Bootstrap

Created by

🇷🇸Serbia pivica

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

Merge Requests

Comments & Activities

Production build 0.71.5 2024