using new arrow in header and added underline on nested menu

catchpoint · Oct 19, 2023 · d714012 · d714012
1 parent ba59fa2
commit d714012
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 3 deletions.
diff --git a/www/assets/css/wpt-header.css b/www/assets/css/wpt-header.css
@@ -360,6 +360,12 @@ wpt-header .wptheader_nav_title {
   margin-bottom: 0.5em;
 }
 
+wpt-header .secondary_underline > p {
+  font-weight: unset;
+  text-decoration: underline;
+  text-underline-position: under;
+}
+
 wpt-header .wptheader_top_right_arrow{
   display: block;
   width: 11px;

diff --git a/www/assets/images/header-menu-arrow.svg b/www/assets/images/header-menu-arrow.svg
diff --git a/www/templates/layouts/includes/wpt-header.php b/www/templates/layouts/includes/wpt-header.php
@@ -93,15 +93,16 @@ function addTab($tabName, $tabUrl, $addClass = '')
                                     </ul>
                                 </div>
                                 <div class="wptheader_nav_menu_section wptheader_nav_cta" style="padding: 1.5rem 0 1rem;">
+                                    <img src="/assets/images/header-menu-arrow.svg" width="20" height="20" style="padding-bottom:5px;">
                                     <p class="wptheader_nav_title">For Enterprise:<br>Internet Performance Monitoring</p>
                                 </div>
-                                <div class="wptheader_nav_menu_section nested">
-                                    <p class="wptheader_nav_title" style="font-weight:unset;">By Team</p>
+                                <div class="wptheader_nav_menu_section nested secondary_underline">
+                                    <p class="wptheader_nav_title">By Team</p>
                                         <ul>
                                             <li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/website-experience/web-teams?utm_source=wpt&utm_medium=navbar&utm_content=webteams">Web/SEO Teams</a></li>
                                             <li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/website-experience/it-teams?utm_source=WPT&utm_medium=NavBar&utm_content=ItTeams">IT/DevOps Teams</a></li>
                                         </ul>
-                                    <p class="wptheader_nav_title" style="font-weight:unset;">By Use Case</p>
+                                    <p class="wptheader_nav_title">By Use Case</p>
                                         <ul>
                                             <li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/real-user-monitoring?utm_source=WPT&utm_medium=NavBar&utm_content=rum">Real User Monitoring (RUM)</a></li>
                                             <li class="wptheader_nav_menu_link"><a target="_blank" href="https://www.catchpoint.com/application-experience/api-monitoring?utm_source=WPT&utm_medium=NavBar&utm_content=apiMonitoring">API Monitoring</a></li>