Logo + title in the menu

src/Header/Header.css

@@ -3,20 +3,6 @@
   height: 110px;
 }
 
-/* Name of this piece of software */
-
-#header .title {
-  width: 10vw;
-  font-size: 35px;
-  font-weight: bold;
-  letter-spacing: 0.3px;
-  text-align: left;
-  color: #edc61b;
-  line-height: 100px;
-  float: left;
-  margin-left: 1vw;
-}
-
 /* Name of the algorithm being run */
 
 #header .algo-name {

src/Header/index.js

@@ -17,9 +17,6 @@ export function Header(props) {
   })
   return (
   <div id="header">
-    <div className="title">
-      Lavizu
-    </div>
     <div className="controls">
       {buttons}
     </div>

src/Menu/Menu.css

 /*! react-sidenav v0.4.5 | (c) 2018 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-sidenav */
 
+/* Name of this piece of software */
+
+.title {
+  width: 100px;
+  font-size: 35px;
+  font-weight: bold;
+  letter-spacing: 0.3px;
+  text-align: left;
+  color: #edc61b;
+  line-height: 100px;
+  margin: 0 15px 0 5px;
+  float:right;
+  display:none;
+}
+
 /* Menu level 1 title */
 .menu-title-level1 {
   width: 100%;
@@ -74,6 +89,10 @@
   margin-left:30px;
 }
 
+.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .title {
+  display:block;
+}
+
 /* Side navigation menu */
 .sidenav---sidenav---_2tBP {
   z-index: 1006;
@@ -95,7 +114,7 @@
   display: block;
 }
 .sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL {
-  min-width: 220px;
+  min-width: 240px;
 }
 .sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-nav---3tvij > .sidenav---sidenav-navitem---uwIJ- .sidenav---navicon---3gCRo + .sidenav---navtext---1AE_f {
   display: inline-block;

src/Menu/index.js

@@ -16,6 +16,9 @@ export function Menu(props) {
         src={window.location.origin + "/images/logoBehaviors.png"}
         alt="logo of the Behaviors.ai project"
         />
+      <div className="title">
+        Lavizu
+      </div>
       <br></br>
       <SideNav.Toggle />