Twenty Fifteen: Menu bug between 976-1193px Win Chrome window width

[jrgeoffrion]

EXCLUSIVELY when using WIN CHROME browser [Windows 10, Chrome v45.x], THE TOP NAV MENU in the standard twentyfifteen theme, as it appears on my site: [blog.weddingology.com] APPEARS BEHIND THE CONTENT WHEN THE BROWSER WINDOW IS BETWEEN 976 AND 1193 PIXELS. The issue is reproduced at [www.JRGeoffrion.com].

PS: issue does not appear with Windows versions of Firefox, Safari, or Microsoft Edge or with Android Note 3 Chrome.

[SergeyBiryukov]

Hi @jrgeoffrion, welcome to Trac.

I could not reproduce the issue using Chrome 45.0.2454.101 on Windows. Could you add a screenshot?

[jrgeoffrion]

Please see below a screenshot from ​http://blog.weddingology.com where the sidebar rolls into the "hamburger menu" and then goes behind the content of the website. This site has no plugin installed.

Here is a screenshot of ​http://www.JRGeoffrion.com

Happy to post additional screenshots from various browsers or conditions if it helps.

[jrgeoffrion]

Where you able to reproduce as per my two screenshots?

[jrgeoffrion]

Bug as seen on the Twenty Fifteen wordpress site live demo at ​https://wordpress.org/themes/twentyfifteen/

[jrgeoffrion]

Can someone confirm that this bug has been recorded and that a resolution is in the works? If more information is needed, please do not hesitate to let me know.

[papewas]

Hey there, I can confirm the bug, even on the demo. I'm using Chrome Version 47.0.2526.106m for Windows.

[karmatosed]

Lets take the theme preview to one side for a moment because that is known to not always show themes correctly.

I just did a test using Chrome on Windows 10 and I am unable to replicate the issue. I totally understand you are seeing an issue so lets try and work out how I can also replicate. First up, what version of Windows are you using?

Could you also try using this site to test: ​https://twentyfifteendemo.wordpress.com/ and see if you still get the same issue?

What pixels exactly are you seeing it at or do you see it at all of that range?

[papewas]

May I report:
I'm on Windows 8.1, the exact pixels when the situation happens are between 955px and 1014px - 954px and 1015px are good. There is an element.style (style="position: fixed;") added in the code at 955px, when I comment it out it is solved:

<div id="sidebar" class="sidebar" style="position: fixed;">

[jrgeoffrion]

I'm on W10. Using the URL provided above, the issue can be viewed in Chrome. Just go to the demo, and resize the window in increment until the bug shows.

Were you able to reproduce?

[davidakennedy]

I just wanted to comment to say that I tested with Windows 10 and Chrome 45, 46 and 47 and could not reproduce the issue.

[karmatosed]

I am also not able to reproduce so for now closing this as we've really tried to recreate. If anyone can then please show some pictures (video is even better) and ensure you have all other plugins turned off - just incase there is something else at play we aren't reproducing with.