I am trying to create an off-canvas navigation menu. However I have ran into a couple of problems that I am struggling to fix.

 

First problem is the height of the background when you scroll down the page the background colour does not continue. See the problem:

 

http://www.cqwebdesign.co.uk/saverplaces%202.0/TEST/ (please only view on small window)

 

Secound problem is the horizontal scrolling when the off-canvas navigation slides in. I can counter this with overflow: hidden on the inner-wrapper however this also prevents scrolling vertical which is a problem if I have a long navigation menu.

 

Any idea how I fix these problems?

 

Thanks

 

Here is layout with off-canvas menu without scrolling:)

https://github.com/OlgaMaraeva/off-canvas-menu-translate

 

and another one - Google like menu -

https://github.com/OlgaMaraeva/off-canvas-menu-dark

 

Hope it can help

Thanks! I managed to fix the background colour by adding a background colour to the UL.