Move firefox browsers under Products subnav in top menu (#17015)

Author: maureenlholland

bedrock/base/templates/includes/protocol/navigation/menus-refresh/firefox.html

@@ -13,6 +13,14 @@
       <button class="m24-c-menu-button-close" type="button" aria-controls="m24-c-menu-panel-products">{{ ftl('navigation-refresh-close-products-menu') }}</button>
       <div class="m24-c-menu-panel-content">
         <ul class="m24-mzp-l-content">
+          <li>
+            <section class="m24-c-menu-item mzp-has-icon">
+              <a class="m24-c-menu-item-link" href="{{ settings.FXC_BASE_URL }}?{{ utm_params }}" data-link-text="Firefox browsers" data-link-position="topnav - products" data-testid="m24-navigation-menu-link-firefox">
+                <img loading="lazy" src="{{ static('protocol/img/logos/firefox/browser/logo.svg') }}" class="m24-c-menu-item-icon" width="32" height="32" alt="">
+                <h2 class="m24-c-menu-item-title">{{ ftl('navigation-refresh-firefox-browsers') }}</h2>
+              </a>
+            </section>
+          </li>
           <li>
             <section class="m24-c-menu-item mzp-has-icon">
               <a class="m24-c-menu-item-link" href="{{ url('products.vpn.landing') }}" data-link-text="Mozilla VPN" data-link-position="topnav - products" data-testid="m24-navigation-menu-link-products-vpn">

bedrock/base/templates/includes/protocol/navigation/menus-refresh/products.html

@@ -16,7 +16,6 @@
         <div class="m24-c-navigation-menu">
           <div class="m24-c-menu m24-mzp-is-basic">
             <ul class="m24-c-menu-category-list">
-              {% include 'includes/protocol/navigation/menus-refresh/firefox.html' %}
               {% include 'includes/protocol/navigation/menus-refresh/products.html' %}
               {% include 'includes/protocol/navigation/menus-refresh/about-us.html' %}
             </ul>