From fbee777d984dbe154b5fa8cd70403184acff871c Mon Sep 17 00:00:00 2001
From: Shaun Struwig <41984034+Blargian@users.noreply.github.com>
Date: Fri, 25 Jul 2025 16:03:22 +0200
Subject: [PATCH] adjust breakpoints

---
 sidebars.js                                 | 2 +-
 src/components/MobileSideBarMenu/index.jsx  | 2 +-
 src/css/breakpoints.scss                    | 6 +++---
 src/theme/Navbar/Content/styles.module.scss | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/sidebars.js b/sidebars.js
index c7b3ee4608c..c7eb0b5f3c1 100644
--- a/sidebars.js
+++ b/sidebars.js
@@ -1715,7 +1715,7 @@ const sidebars = {
   dropdownCategories: [
     {
       type: "category",
-      label: "Getting Started",
+      label: "Get Started",
       description: "Learn how to use ClickHouse",
       customProps: {
         href: "/introduction-clickhouse",
diff --git a/src/components/MobileSideBarMenu/index.jsx b/src/components/MobileSideBarMenu/index.jsx
index 0129f18b831..f165efd280a 100644
--- a/src/components/MobileSideBarMenu/index.jsx
+++ b/src/components/MobileSideBarMenu/index.jsx
@@ -27,7 +27,7 @@ const MobileSideBarMenu = ({sidebar, menu}) => {
     }, [currentMenuState]);
 
     // Define the breakpoint where mobile menu should be hidden (laptop breakpoint)
-    const LAPTOP_BREAKPOINT = 1330;
+    const LAPTOP_BREAKPOINT = 1100;
 
     // Initialize the previous location ref on first render and monitor location changes
     useEffect(() => {
diff --git a/src/css/breakpoints.scss b/src/css/breakpoints.scss
index 9ea7bc51408..6e6344a12a9 100644
--- a/src/css/breakpoints.scss
+++ b/src/css/breakpoints.scss
@@ -1,6 +1,6 @@
-$mobile-breakpoint: 996px;
-$tablet-breakpoint: 1024px;
-$laptop-breakpoint: 1330px;
+$mobile-breakpoint: 768px;
+$tablet-breakpoint: 900px;
+$laptop-breakpoint: 1100px;
 $large-desktop-breakpoint: 1440px;
 
 // If you change these breakpoints, make sure to update
diff --git a/src/theme/Navbar/Content/styles.module.scss b/src/theme/Navbar/Content/styles.module.scss
index 14c8f186d86..ab249b0dd40 100644
--- a/src/theme/Navbar/Content/styles.module.scss
+++ b/src/theme/Navbar/Content/styles.module.scss
@@ -52,7 +52,7 @@
   }
 }
 
-@media screen and (min-width: breakpoints.$mobile-breakpoint) {
+@media screen and (min-width: breakpoints.$laptop-breakpoint) {
   .navRight .mobileSearchBar {
     display: none;
   }