Page MenuHomePhabricator

Fix the gap between hamburger menu and WP 25 wikipedia logo
Closed, ResolvedPublic2 Estimated Story Points

Description

Problem

The Wikipedia logo was change to Wikipedia25 logo to celebrate 25 years of wikipdia. Since the change of the logo there is an odd gap between the hamburger menu and the WP25 logo on Destkop as shown below. The incorrect alignment of logo is more prominent when the main menu items are hidden under hamburger menu.

Screenshot 2026-01-27 at 2.28.44 PM.png (3,198×1,906 px, 1 MB)

Solution
  • Restore the same gap that existed between the hamburger menu and usual wikipedia logo with a globe.

Event Timeline

HFan-WMF triaged this task as Medium priority.May 5 2026, 5:40 PM
Sneha raised the priority of this task from Medium to Needs Triage.Jun 5 2026, 7:57 PM
Sneha set the point value for this task to 2.
Sneha moved this task from Backlog to Needs refinement on the Reader Experience Team board.
Jdlrobson-WMF subscribed.

This is community maintained. We should contact someone on English Wikipedia to update https://en.wikipedia.org/wiki/MediaWiki:Vector-2022.css#L-37 to

a.mw-logo {
    margin: 6px 0 6px 0;
}

We can't fix this ourselves.

HFan-WMF triaged this task as Medium priority.Jun 12 2026, 5:19 PM
Jdlrobson-WMF changed the task status from Open to Stalled.Jun 12 2026, 5:31 PM

This is community maintained. We should contact someone on English Wikipedia to update https://en.wikipedia.org/wiki/MediaWiki:Vector-2022.css#L-37 to

a.mw-logo {
    margin: 0 0 6px 25px;
}

We can't fix this ourselves.

Did you make a typo? Removing the top margin won't fix left-right issues.

Sorry yes typo! Fixing now. The left margin is the problem here from what I can see.

Izno claimed this task.

A better fix would probably have been to display the globe logo that somehow went missing during the conversion to the 25th branding.

.mw-logo-icon {
	display: inline;
}