kubernetes/website

[RTL] navbar "hamburger" overlaps with logo on RTL layouts

Open

#55,924 opened on May 26, 2026

View on GitHub
 (3 comments) (0 reactions) (0 assignees)HTML (4,127 stars) (13,918 forks)batch import
area/localizationarea/web-developmentgood first issuehelp wantedkind/bugpriority/backlogtriage/accepted

Description

This is a Bug Report

Problem: (For RTL locales such as Persian) the hamburger menu is on the wrong side of the page, and the logo overlaps it.

Desired:

Actual:

Proposed Solution: Fix the SCSS address to address this.

Example:

  :dir(rtl) #hamburger {
    top: 0.75rem;
    left: 0.75rem;
    right: initial;
  }

Additional Information: /kind bug /area web-development /area localization

https://github.com/kubernetes/website/pull/55361 previously fixed it; since then, we upgraded Docsy.

Contributor guide

Tech stack
csshtml
Domain
frontendlocalization
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Basic CSSRTL layout conceptsSCSS syntax
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
95
Research direction
Review the previous fix in PR #55361 to understand the original SCSS change. Locate the navbar SCSS file, likely under assets/scss or layouts/partials, and apply the proposed :dir(rtl) tweak for the hamburger menu. Test the fix with a Persian or other RTL locale to confirm the overlap is resolved.