diff --git a/website/src/components/NavBar.js b/website/src/components/NavBar.js
index 6dca407..5bd5e66 100644
--- a/website/src/components/NavBar.js
+++ b/website/src/components/NavBar.js
@@ -44,11 +44,6 @@ export default function ButtonAppBar() {
             href: '/buckets',
             icon: <StorageOutlined />,
         },
-        {
-            name: 'Concept Map',
-            href: '/conceptmap',
-            icon: <AccountTree />,
-        },
     ];
     const [tabs, updateTabs] = useState(tabList.slice(1));
     const [anchorEl, setAnchorEl] = useState(null);
diff --git a/website/src/views/conceptMap.js b/website/src/views/conceptMap.js
index 60cf8cd..50c2dc7 100644
--- a/website/src/views/conceptMap.js
+++ b/website/src/views/conceptMap.js
@@ -6,10 +6,12 @@ import './css/conceptMap.css';
 import jwtDecode from 'jwt-decode';
 import { StudentSelectionContext } from "../components/StudentSelectionWrapper";
 import apiv2 from "../utils/apiv2";
+import { Typography, useMediaQuery } from "@mui/material";
 
 export default function ConceptMap() {
     const [loading, setLoading] = useState(false);
     const [studentMastery, setStudentMastery] = useState('000000');
+    const mobile = useMediaQuery('(max-width:600px)');
 
     const { selectedStudent, setSelectedStudent } = useContext(StudentSelectionContext);
 
@@ -44,6 +46,10 @@ export default function ConceptMap() {
         return <Loader />;
     }
 
+    if (mobile) {
+        return <Typography sx={{fontWeight: "bold"}}>Concept Map is not available on mobile devices</Typography>;
+    }
+
     return (
         <>
             <PageHeader>Concept Map</PageHeader>