diff --git a/src/components/Layout/Header/Header.tsx b/src/components/Layout/Header/Header.tsx
index e78641b48ea..487a7c52a0c 100644
--- a/src/components/Layout/Header/Header.tsx
+++ b/src/components/Layout/Header/Header.tsx
@@ -54,7 +54,7 @@ export const Header: FunctionComponent<Props> = ({ minimal, colorTheme, navRef }
 
     return (
         <Disclosure as="nav" className={classNames('fixed top-0 left-0 right-0 z-[1030]')} ref={navRef}>
-            {({ open }) => (
+            {({ open, close }) => (
                 <>
                     <Banner />
                     <HeaderContent
@@ -63,6 +63,7 @@ export const Header: FunctionComponent<Props> = ({ minimal, colorTheme, navRef }
                         open={open}
                         sticky={sticky}
                         source={source}
+                        close={close}
                     />
                 </>
             )}
@@ -106,13 +107,14 @@ const HEADER_CONTENT_THEME_CLASS: Record<
     },
 }
 
-const HeaderContent: FunctionComponent<Props & { open: boolean; sticky: boolean; source: string }> = ({
-    colorTheme,
-    open,
-    sticky,
-    source,
-    ...props
-}) => {
+const HeaderContent: FunctionComponent<
+    Props & {
+        open: boolean
+        sticky: boolean
+        source: string
+        close: () => void
+    }
+> = ({ colorTheme, open, sticky, source, close, ...props }) => {
     const { openModal } = useAuthModal()
 
     const handleOpenModal = (): void => openModal(source)
@@ -122,6 +124,7 @@ const HeaderContent: FunctionComponent<Props & { open: boolean; sticky: boolean;
     const callToAction = (
         <>
             <MeetWithProductExpertButton
+                id="topnav"
                 buttonLocation={buttonLocation.nav}
                 buttonClassName={classNames(
                     '!font-semibold',
@@ -131,6 +134,7 @@ const HeaderContent: FunctionComponent<Props & { open: boolean; sticky: boolean;
                 requestInfo={true}
             />
             <Link
+                id="topnav"
                 href="https://sourcegraph.com/sign-in?returnTo=/cody/manage"
                 title="Get started with Cody"
                 className={classNames(
@@ -144,6 +148,7 @@ const HeaderContent: FunctionComponent<Props & { open: boolean; sticky: boolean;
                 Login
             </Link>
             <button
+                id="topnav"
                 type="button"
                 className={classNames(
                     'btn min-w-fit px-6 lg:px-4',
@@ -191,6 +196,7 @@ const HeaderContent: FunctionComponent<Props & { open: boolean; sticky: boolean;
                                     <div className="hidden flex-1 md:ml-4 lg:block">
                                         <div className="flex space-x-3">
                                             <NavItems
+                                                close={close}
                                                 classes={{
                                                     ...classes,
                                                     item: classNames(
@@ -239,6 +245,7 @@ const HeaderContent: FunctionComponent<Props & { open: boolean; sticky: boolean;
             >
                 <div className="space-y-1 px-2 pt-2 pb-3">
                     <NavItems
+                        close={close}
                         linkElement={DisclosureButton}
                         classes={{
                             ...classes,
@@ -253,5 +260,7 @@ const HeaderContent: FunctionComponent<Props & { open: boolean; sticky: boolean;
 }
 
 const DisclosureButton: React.FunctionComponent<
-    Pick<React.ComponentProps<typeof Link>, 'href' | 'className' | 'aria-current' | 'children'>
-> = props => <Disclosure.Button as={Link} {...props} />
+    Pick<React.ComponentProps<typeof Link>, 'href' | 'className' | 'aria-current' | 'children'> & {
+        close: () => void
+    }
+> = ({ close, ...props }) => <Link id="topnav" {...props} onClick={() => close()} />
diff --git a/src/components/Layout/Header/NavItems.tsx b/src/components/Layout/Header/NavItems.tsx
index dcd211d4ab0..947a7b9633a 100644
--- a/src/components/Layout/Header/NavItems.tsx
+++ b/src/components/Layout/Header/NavItems.tsx
@@ -13,9 +13,11 @@ interface NavLink {
     name: string
     href: string
     badgeText?: string
+    id?: string
 }
 
 interface NavSection {
+    id?: string
     name: string
     links: (NavLink | { divider: true })[]
     badgeText?: string
@@ -25,6 +27,7 @@ type NavItem = NavLink | NavSection
 
 const NAV_ITEMS: NavItem[] = [
     {
+        id: 'topnav',
         name: 'Products',
         links: [
             {
@@ -38,14 +41,17 @@ const NAV_ITEMS: NavItem[] = [
         ],
     },
     {
+        id: 'topnav',
         name: 'Pricing',
         href: '/pricing',
     },
     {
+        id: 'topnav',
         name: 'Enterprise',
         href: '/enterprise',
     },
     {
+        id: 'topnav',
         name: 'Resources',
         links: [
             {
@@ -79,6 +85,7 @@ const NAV_ITEMS: NavItem[] = [
         ],
     },
     {
+        id: 'topnav',
         name: 'Search public code',
         href: 'https://sourcegraph.com/search',
     },
@@ -86,12 +93,15 @@ const NAV_ITEMS: NavItem[] = [
 
 interface Props {
     linkElement?: React.ComponentType<
-        Pick<React.ComponentProps<typeof Link>, 'href' | 'className' | 'aria-current' | 'children'>
+        Pick<React.ComponentProps<typeof Link>, 'href' | 'className' | 'aria-current' | 'children'> & {
+            close: () => void
+        }
     >
     classes: Record<'item' | 'menu' | 'menuItem' | 'menuItemActive' | 'divider', string>
+    close: () => void
 }
 
-export const NavItems: React.FunctionComponent<Props> = ({ linkElement: LinkElement = Link, classes }) => {
+export const NavItems: React.FunctionComponent<Props> = ({ close, linkElement: LinkElement = Link, classes }) => {
     const router = useRouter()
     const isCurrentLink = useCallback((href: string): boolean => router.asPath === href, [router.asPath])
     return (
@@ -99,10 +109,12 @@ export const NavItems: React.FunctionComponent<Props> = ({ linkElement: LinkElem
             {NAV_ITEMS.map(item =>
                 'href' in item ? (
                     <LinkElement
+                        id={item.id ?? 'topnav'}
                         key={item.name}
                         href={item.href}
                         className={classNames('flex items-center', classes.item)}
                         aria-current={isCurrentLink(item.href) ? 'page' : undefined}
+                        close={close}
                     >
                         {item.name}
                         {item.badgeText && (
@@ -111,6 +123,7 @@ export const NavItems: React.FunctionComponent<Props> = ({ linkElement: LinkElem
                     </LinkElement>
                 ) : (
                     <NavItemMenu
+                        id={item.id ?? 'topnav'}
                         key={item.name}
                         name={item.name}
                         links={item.links}
@@ -126,11 +139,13 @@ export const NavItems: React.FunctionComponent<Props> = ({ linkElement: LinkElem
 
 const NavItemMenu: React.FunctionComponent<
     NavSection & {
+        id: string
         isCurrentLink: (href: string) => boolean
         className: string
         classes: Record<'menu' | 'menuItem' | 'menuItemActive' | 'divider', string>
     }
 > = ({
+    id,
     name,
     links,
     isCurrentLink,
@@ -146,7 +161,7 @@ const NavItemMenu: React.FunctionComponent<
         {({ open }) => (
             <>
                 <div>
-                    <Menu.Button className={classNames('flex items-center', className)}>
+                    <Menu.Button id={id} className={classNames('flex items-center', className)}>
                         {name}
                         {open ? (
                             <ChevronUpIcon className="ml-[1px] w-4" />
@@ -179,20 +194,23 @@ const NavItemMenu: React.FunctionComponent<
                             ) : (
                                 <Menu.Item key={link.name}>
                                     {({ active }) => (
-                                        <Link
-                                            href={link.href}
-                                            className={classNames(
-                                                'block px-4 py-2 text-base',
-                                                menuItemClassName,
-                                                active && menuItemActiveClassName
-                                            )}
-                                            aria-current={isCurrentLink(link.href) ? 'page' : undefined}
-                                        >
-                                            {link.name}
-                                            {link.badgeText && (
-                                                <Badge className="ml-4" size="small" text={link.badgeText} />
-                                            )}
-                                        </Link>
+                                        <div>
+                                            <Link
+                                                id={id}
+                                                href={link.href}
+                                                className={classNames(
+                                                    'block px-4 py-2 text-base',
+                                                    menuItemClassName,
+                                                    active && menuItemActiveClassName
+                                                )}
+                                                aria-current={isCurrentLink(link.href) ? 'page' : undefined}
+                                            >
+                                                {link.name}
+                                                {link.badgeText && (
+                                                    <Badge className="ml-4" size="small" text={link.badgeText} />
+                                                )}
+                                            </Link>
+                                        </div>
                                     )}
                                 </Menu.Item>
                             )
diff --git a/src/components/cta/MeetWithProductExpertButton.tsx b/src/components/cta/MeetWithProductExpertButton.tsx
index f80b91e4764..0c6f338117d 100644
--- a/src/components/cta/MeetWithProductExpertButton.tsx
+++ b/src/components/cta/MeetWithProductExpertButton.tsx
@@ -14,7 +14,9 @@ export const MeetWithProductExpertButton: React.FunctionComponent<{
     requestInfo?: boolean
     children?: string
     buttonClassName?: string
+    id?: string
 }> = ({
+    id,
     buttonLocation,
     dark = false,
     chevron = false,
@@ -24,6 +26,7 @@ export const MeetWithProductExpertButton: React.FunctionComponent<{
     children = requestInfo ? 'Contact sales' : 'Talk to an engineer',
 }) => (
     <Link
+        id={id}
         href={requestInfo ? '/contact/request-info' : '/demo'}
         className={classNames(
             'btn inline-flex items-center whitespace-nowrap',