siakaramalegos / clioandcalliope

New website design
1 stars 1 forks source link

Scrollbar always shows for mobile nav and pushes links to left #47

Open glynnis opened 6 years ago

glynnis commented 6 years ago

In Chrome for mobile width, there's a gap on the right of the mobile menu where the background is missing, and the links look like they need padding left side: screen_shot_2017-11-13_at_11_11_50_am

This issue only seems to be happening on my machine for reasons that we haven't been able to identify yet.

In case it's helpful, the mobile menu looks correct on my machine when I make these changes:

.nav-links {
  width: calc(100vw - 15px);
  overflow-y: auto;
}

...but obviously that may cause a negative impact for other browsers or machines who don't have the same issue.