title: FullCalendar scrolls over website header
body: <p>finally got FullCalendar to get events from Google (although I need to leave the key restrictions off; when adding my domain I get API 400 errors). That aside I have a small issue. My "responsive" website (and google integrated Fullcalendar) is here;<a href="http://retina2.co.uk/calendar.html" rel="nofollow noreferrer">www.retina2.co.uk/calendar.html</a></p>
  
  <p>If you set the width of the screen to less than 993px (I think its 993; medium and small W3.CSS) it will enter medium mode and the sidenav will disappear and a small black header introduced. When scrolling down the page, the active FullCalendar button (e.g. "Month" by default) and the calendar itself scroll OVER the header; you can see the calendar grid/borders, events and button. How to I make sure that the whole calendar scrolls under the header so none of the calendar items are visible when they scroll under the header?</p>
  
  <p>It's a small niggle but it looks messy when this occurs (ie mobile, tablet).</p>