search

loogart / impact-canada

Canadian Government's Privy Council's Office Impact Canada website.
https://loogart.github.io/impact-canada/
0 stars 0 forks source link

x-overflow issue #54

Closed loogart closed 5 years ago

loogart commented 5 years ago

for media query for widths between 991px and 1500px

The about AND how it works pages have an x-overflow to which show a white space. On a Mac (tested on Safari and Chrome), one ends up scrolling to the left. On a PC (IE), one notices the horizontal scrollbar.

Need to investigate what causes this.

screen shot 2018-12-24 at 11 09 42 am screen shot 2018-12-24 at 11 10 07 am
loogart commented 5 years ago

@djsutter Happy new year Duncan! For this issue, I noticed that the div .page--title-block has a container which is causing this overflow issue. I think that adding the class .container-narrow to the container might fix this issue.

djsutter commented 5 years ago

Happy New Year! Ok will address that when I have an opportunity.

djsutter commented 5 years ago

This is fixed. Had to take a slightly different approach but end result is the same.