diff --git a/src/components/MobileHeader.js b/src/components/MobileHeader.js
index c0c98b001..07d6746fd 100644
--- a/src/components/MobileHeader.js
+++ b/src/components/MobileHeader.js
@@ -33,11 +33,7 @@ const MobileHeader = ({ className, isOpen, toggle }) => {
onChange={(e) => setSearchTerm(e.target.value)}
value={searchTerm}
/>
-
+
>
)}
diff --git a/src/components/Navigation.js b/src/components/Navigation.js
index db615f8e0..ac096eac4 100644
--- a/src/components/Navigation.js
+++ b/src/components/Navigation.js
@@ -25,7 +25,7 @@ const filterPageNames = (pages, searchTerm, parent = []) => {
].filter((el) => el !== undefined);
};
-const Navigation = ({ className, searchTerm, mobile }) => {
+const Navigation = ({ className, searchTerm }) => {
const searchTermSanitized = searchTerm?.replace(
/[.*+?^${}()|[\]\\]/g,
'\\$&'
@@ -50,7 +50,6 @@ const Navigation = ({ className, searchTerm, mobile }) => {
searchTerm={searchTermSanitized}
pages={pages}
filteredPageNames={filteredPageNames}
- mobile={mobile}
/>
diff --git a/src/components/NavigationItems.js b/src/components/NavigationItems.js
index 57fbd6717..ae5cb1323 100644
--- a/src/components/NavigationItems.js
+++ b/src/components/NavigationItems.js
@@ -24,7 +24,6 @@ const NavigationItems = ({
filteredPageNames,
searchTerm,
depthLevel = 0,
- mobile,
}) => {
const groupedPages = pages.reduce((groups, page) => {
const { group = '' } = page;
@@ -53,7 +52,6 @@ const NavigationItems = ({
searchTerm={searchTerm}
filteredPageNames={filteredPageNames}
key={index}
- mobile={mobile}
/>
))}
@@ -61,13 +59,7 @@ const NavigationItems = ({
});
};
-const NavItem = ({
- page,
- depthLevel,
- searchTerm,
- filteredPageNames,
- mobile,
-}) => {
+const NavItem = ({ page, depthLevel, searchTerm, filteredPageNames }) => {
const crumbs = useContext(BreadcrumbContext).flatMap((x) => x.displayName);
const isHomePage = crumbs.length === 0 && depthLevel === 0;
@@ -116,7 +108,7 @@ const NavItem = ({
{headerIcon}
{display}
- {!mobile && isCurrentPage && (
+ {isCurrentPage && (
setIsExpanded(!isExpanded)}
tabIndex={0}
>
- {!mobile && depthLevel > 0 && (
+ {depthLevel > 0 && (
)}
@@ -168,7 +159,6 @@ NavigationItems.propTypes = {
filteredPageNames: PropTypes.array,
searchTerm: PropTypes.string,
depthLevel: PropTypes.number,
- mobile: PropTypes.bool,
};
NavItem.propTypes = {
@@ -176,7 +166,6 @@ NavItem.propTypes = {
filteredPageNames: PropTypes.array,
searchTerm: PropTypes.string,
depthLevel: PropTypes.number.isRequired,
- mobile: PropTypes.bool,
};
export default NavigationItems;
diff --git a/src/components/NavigationItems.module.scss b/src/components/NavigationItems.module.scss
index 516dfb096..b26a1b3a3 100644
--- a/src/components/NavigationItems.module.scss
+++ b/src/components/NavigationItems.module.scss
@@ -53,6 +53,9 @@ button.navLink {
.currentPageIndicator {
stroke-width: 4;
+ @media (min-width: 760px + 1) {
+ display: none;
+ }
}
.nestedChevron {