diff --git a/src/components/desktopcontainer.js b/src/components/desktopcontainer.js
index 279f175..bb13da9 100644
--- a/src/components/desktopcontainer.js
+++ b/src/components/desktopcontainer.js
@@ -22,10 +22,15 @@ import {
 } from 'semantic-ui-react';
 
 const DesktopContainer = ({ children }) => {
+  const hideFixedMenu = () => setFixed(false);
+  const showFixedMenu = () => setFixed(true);
+
   return (
     <div>
       <Visibility
         once={false}
+        onBottomPassed={showFixedMenu}
+        onBottomPassedReverse={hideFixedMenu}
       >
         <Segment
           inverted