White block near header/menu when scaling Rams

Hi there,

I’m using the Rams theme on my site: http://amarlal.info/

It provides responsive scaling of the header and content sections, but I’m having a problem when it’s scaled to smaller browser widths (or loaded on a smartphone). On the index/homepage, a white horiztonal bar appears underneath the menu, covering the background image of clouds. (not sure if it’s relevant since it’s kind of “hacky” – I’ve used the Custom CSS page to add this background image since Rams does not support background images. I can provide the CSS I’m using to do this if it’s relevant).

Strangely, this doesn’t happen on any other pages, except when I’m logged in and viewing my page with the WP toolbar at the top of the page. When I’m logged in, the other pages display this white bar at the same scaling level but above the WordPress toolbar (hope this makes sense).

I can provide screenshots, code or anything else that’s necessary. Thanks!