Add imports to MobileContainer, modify Header in App.js

src/components/App.js

@@ -5,12 +5,11 @@ import Footer from './Footer';
 
 const App = () => (
   <div style={{ minHeight: '100%', position: 'relative' }}>
-    <header id='header' >
-      <Header />
-    </header>
-    <main id='main' style={{ minHeight: '100%', position: 'relative' }}>
-      <Main />
-    </main>
+    <Header className='header'>
+      <main id='main' style={{ minHeight: '100%', position: 'relative' }}>
+        <Main />
+      </main>
+    </Header>
     <footer id='footer' style={{ position: 'absolute', width: '100%', bottom: '0' }}>
       <Footer />
     </footer>

src/components/menus/MobileContainer.js

@@ -6,8 +6,11 @@ import {
   Button,
   Segment,
   Image,
+  Responsive,
+  Sidebar,
+  Icon,
 } from 'semantic-ui-react';
-import KSZKlogo from './images/kszk_logo.svg';
+import KSZKlogo from '../images/kszk_logo.svg';
 
 
 class MobileContainer extends Component {
@@ -23,7 +26,7 @@ class MobileContainer extends Component {
 
   render() {
     const visible = this.state.sidebarVisible;
-    const { children, user } = this.props;
+    const { children, user, menuItems } = this.props;
     return(
       <Responsive maxWidth={768}>
         <Segment inverted textAlign='center' vertical>