Skip to content

Fix topbar text not vertically centered with social icons#453

Open
vittorio88 wants to merge 1 commit intodevcows:masterfrom
lagobello:fix/topbar-vertical-centering
Open

Fix topbar text not vertically centered with social icons#453
vittorio88 wants to merge 1 commit intodevcows:masterfrom
lagobello:fix/topbar-vertical-centering

Conversation

@vittorio88
Copy link
Copy Markdown
Contributor

@vittorio88 vittorio88 commented Mar 15, 2026

Summary

  • Adds #top .row { display: flex; align-items: center; } to all 8 style.*.css variants
  • The topbar social icon <a> tags are taller than the text line-height, causing the left-column text to sit at the top of the row rather than being vertically centered
  • Uses proper CSS (flexbox) rather than padding hacks for robust vertical alignment

Test plan

  • Run hugo server with topbar enabled ([params.topbar] in config)
  • Verify topbar text is vertically centered with the social icons at desktop width
  • Verify no layout breakage at mobile widths

🤖 Generated with Claude Code

The topbar text column was shorter than the social icons column,
causing misalignment. Add flexbox centering to #top .row across
all color variants.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant