diff --git a/src/components/GlobalHeader.js b/src/components/GlobalHeader.js
deleted file mode 100644
index b2725ae79..000000000
--- a/src/components/GlobalHeader.js
+++ /dev/null
@@ -1,98 +0,0 @@
-import React, { useContext } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { Link } from 'gatsby';
-import { PageContext } from './PageContext';
-import { githubBaseUrl } from '../data/constants';
-import NewRelicLogo from './NewRelicLogo';
-import ExternalLink from './ExternalLink';
-import FeatherIcon from './FeatherIcon';
-import useDarkMode from 'use-dark-mode';
-
-import styles from './GlobalHeader.module.scss';
-
-const GlobalHeader = ({ className }) => {
- const { fileRelativePath } = useContext(PageContext);
- const darkMode = useDarkMode(false);
- const isComponentDoc = fileRelativePath.includes(
- 'src/markdown-pages/components'
- );
-
- return (
-
-
-
-
-
-
-
-
- -
-
- Developers
-
-
- -
-
- Open Source
-
-
- -
-
- Documentation
-
-
- -
-
- Community
-
-
-
-
-
-
- {fileRelativePath && !isComponentDoc && (
- -
-
-
-
-
- )}
- -
-
-
-
-
- -
-
-
-
-
-
- );
-};
-
-GlobalHeader.propTypes = {
- className: PropTypes.string,
-};
-
-export default GlobalHeader;
diff --git a/src/components/GlobalHeader.module.scss b/src/components/GlobalHeader.module.scss
deleted file mode 100644
index 52a05a447..000000000
--- a/src/components/GlobalHeader.module.scss
+++ /dev/null
@@ -1,110 +0,0 @@
-.globalHeaderContainer {
- background-color: var(--color-neutrals-100);
- overflow: hidden;
- position: sticky;
- top: 0;
- z-index: 80;
-
- :global(.site-container) {
- padding: 0 2rem;
- }
-
- :global(.dark-mode) & {
- background-color: var(--color-dark-100);
- }
-}
-
-.globalHeaderContent {
- height: var(--height-global-header);
- display: flex;
- justify-content: space-between;
-}
-
-.logoContainer {
- display: flex;
- align-items: center;
- margin-right: 1rem;
-
- @media (max-width: 600px) {
- display: none;
- }
-}
-
-.leftSideLinksContainer {
- display: flex;
- align-items: center;
- height: 100%;
-}
-
-.leftSideLinks {
- height: 100%;
- margin: 0;
- padding: 0;
- display: flex;
- list-style-type: none;
- white-space: nowrap;
-
- &:hover .active .left-side-link {
- background-color: transparent;
- color: var(--color-neutrals-600);
- }
-}
-
-.leftSideLink {
- display: flex;
- line-height: 22px;
- box-sizing: border-box;
- display: block;
- height: 100%;
- padding: 4px 9px;
- color: var(--secondary-text-color);
- font-size: 0.6875rem;
- border: none;
- transition: 0.2s;
-
- &.active,
- &:hover {
- background-color: var(--color-neutrals-200);
- color: var(--color-neutrals-700);
-
- :global(.dark-mode) & {
- background-color: var(--color-dark-200);
- color: var(--color-dark-700);
- }
- }
-}
-
-.rightSideButtons {
- margin: 0;
- padding: 0;
- display: flex;
- list-style-type: none;
- align-items: center;
- @media (max-width: 600px) {
- display: none;
- }
-}
-
-.rightSideButton {
- transition: all 0.2s ease-out;
- margin-left: 1rem;
- color: var(--secondary-text-color);
-
- a {
- color: currentColor;
- }
-
- &:hover {
- color: var(--secondary-hover-text-color);
- cursor: pointer;
- }
-}
-
-.githubButtonLink {
- display: flex;
- align-items: center;
-}
-
-.icon {
- display: block;
-}