Twenty Fifteen: Menu icon is not properly centered

[tenpura]

The menu icon on smaller screens does not seem to be properly centered.

Adding display: block; to .secondary-toggle:before fix this for me.

.secondary-toggle:before {
	color: #333;
	content: "\f419";
	line-height: 42px;
	position: relative;
	top: -1px;
	left: 0;
	display: block;
}

[lancewillett]

Hi tenpura, thanks for this ticket. Can you please add a bit more information? Which small screens did you see this with? Can you add device and OS info so we can repeat it?

Is it WP trunk and latest version of Twenty Fifteen from trunk?

Can you repeat the bug on the Twenty Fifteen demo site: ​https://twentyfifteendemo.wordpress.com/ (screenshot: ​https://cloudup.com/cYVXHmE6iQm).

[tenpura]

I'm sorry. The problem won't be reproduced with the clean install of latest trunk and branches/4.1. Something was wrong with my old test environment.

[tenpura]

Ok. I found out the way to reproduce the problem. This occurs only when twentyfifteen-ja.mo is loaded. Do you think of any section that can cause this in the language file?

[tenpura]

latest pomo

[markoheijnen]

#30743 also mentioned this problem when the locale is RTL

[johnbillion]

Thanks for the report tenpura. Let's fix this as part of #30743.

[johnbillion]

Change of plan.

[johnbillion]

This appears to only be reproducible if you zoom in and then zoom back out again.

Bumping for now, unless anyone comes up with a rock solid reason why this happens and an accompanying patch.

Only affects RTL.

[iamtakashi]

While I was looking at #30743, I've managed to reproduce the bug without zooming.

Specifying width for the pseudo element will fix the issue.

Patch incoming shortly.

[alex-ye]

@iamtakashi Tested, Working fine!.. Thanks again. :)

[lancewillett]

In 30955:

Twenty Fifteen: ensure menu icon is properly centered for RTL views on small screens.

Props iamtakashi, fixes #30739.

[nacin]

In 30958:

Twenty Fifteen: Final RTL, editor-style, and search padding fixes.

Merges [30953], [30955], [30956] to the 4.1 branch.

Props iamtakashi, alex-ye.
fixes #30744, #30739, #30746.

[tenpura]

• Japanese is not RTL.
• Why did this happen when twentyfifteen-ja.mo is loaded?

It seems that underlying issues remain unclear.