RESPONSIVE ISSUES ON MOBILE

Hello,

I’m experiencing multiple responsive and compatibility issues on mobile with my site.

1. FOOTER FORMATTING CONSISTENCY ON MOBILE: when viewing on mobile devices (and reduced size browser windows on desktop) I keep seeing a white space at the bottom of my footer. I thought my footer background image might not have been large enough but I double checked it and it seems to be okay.

2. PARALLAX NOT WORKING ON MOBILE DEVICES: parallax effect not working on mobile devices as well.

3. MENU BAR STILL TAKING ON BACKGROUND COLOR AND NOT TRANSPARENT: The CSS provided didn’t seem to work? When the site is viewed on mobile devices and reduced browser windows, rather than the top area with the logo being transparent, it takes on the background color of the sidebar menu. I would like it to overlay against whatever the current page is transparently.

Please advise.

url: http://www.bostonrises.com

Thank you!