Replace css classes responsive menu

app/assets/javascripts/main.js

@@ -206,7 +206,6 @@ $('.navbar-toggler').on('click', () => {
   // The order is important. The `menu-expanded` is used as a source of truth for now.
   // This can be simplified when the :combined_menu feature flag is removed.
   // https://gitlab.com/gitlab-org/gitlab/-/issues/333180
-  $('.header-content').toggleClass('menu-expanded');
   navEventHub.$emit(EVENT_RESPONSIVE_TOGGLE);
 });
 

app/assets/stylesheets/framework/header.scss

@@ -106,7 +106,7 @@ $top-nav-hover-bg: var(--indigo-900-alpha-008, $indigo-900-alpha-008) !important
 
     &.menu-expanded {
       @include media-breakpoint-down(xs) {
-        .hide-when-menu-expanded {
+        .hide-when-top-nav-responsive-open {
           display: none;
         }
 

app/views/layouts/header/_default.html.haml

@@ -5,7 +5,7 @@
   %a.gl-sr-only.gl-accessibility{ href: "#content-body" } Skip to content
   .container-fluid
     .header-content
-      .title-container.hide-when-menu-expanded
+      .title-container.hide-when-top-nav-responsive-open
         %h1.title
           %span.gl-sr-only GitLab
           = link_to root_path, title: _('Dashboard'), id: 'logo', **tracking_attrs('main_navigation', 'click_gitlab_logo_link', 'navigation') do