added param hide_menu which when set to true will hide the menu

public/css/style.css

@@ -234,3 +234,10 @@ body .gt-remove {
     top: 7.5rem;
   }
 }
+/* if user is hiding the menu, make the map take up the whole screen */
+[hide_menu=true] #map {
+  left: 0;
+}
+[hide_menu=true] #menu {
+  display: none;
+}

public/less/style.less

@@ -276,4 +276,15 @@ html, body {
 		}
 	}
 
-}
+}
+
+
+/* if user is hiding the menu, make the map take up the whole screen */
+[hide_menu=true] {
+    #map {
+        left: 0;
+    }
+    #menu {
+        display: none;
+    }
+}

src/App.js

@@ -1,24 +1,30 @@
 let React = require('react');
+let ReactDOM = require('react-dom');
 let MapContainer = require('./MapContainer');
 let Menu = require('./Menu');
 
 class App extends React.Component {
 
     constructor(props) {
         super(props);
+        var url_params = new URLSearchParams(window.location.search);
+        var hide_menu = ["", "true", "True", "y", "Y", "yes", "Yes"].indexOf(url_params.get("hide_menu")) > -1 || false;
         this.state = {
-            params: new URLSearchParams(window.location.search)
+            hide_menu: hide_menu,
+            params: url_params
         };
     }
 
     componentDidMount() {
         console.log("App mounted");
+        var element = ReactDOM.findDOMNode(this.refs.main_app);
+        element.setAttribute("hide_menu", this.state.hide_menu);
     }
 
     render() {
         return (
-            <div className="App">
-            	<Menu params={this.state.params}/>
+            <div className="App" ref="main_app">
+                <Menu params={this.state.params}/>;
                 <MapContainer params={this.state.params}/>
             </div>
         );