From b33afd7e1b144276ca6615ada65c1d8b24ef0441 Mon Sep 17 00:00:00 2001
From: Volodymyr Lukashevych <v.lukashevych@gmail.com>
Date: Mon, 18 Sep 2017 01:13:07 -0700
Subject: [PATCH] Add 'overflow: hidden' CSS style to handle long menu items in
 mobile view.

---
 help/content/assets/css/main.css   | 3 +++
 help/content/assets/sass/main.scss | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/help/content/assets/css/main.css b/help/content/assets/css/main.css
index bfed9c4289f..7bdb47a7e9a 100644
--- a/help/content/assets/css/main.css
+++ b/help/content/assets/css/main.css
@@ -2252,6 +2252,9 @@
 					font-weight: 700;
 					font-size: 0.95em;
 					letter-spacing: 0.075em;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
 				}
 
 					#navPanel .link:first-child {
diff --git a/help/content/assets/sass/main.scss b/help/content/assets/sass/main.scss
index 292ee701739..60a2a1552fc 100644
--- a/help/content/assets/sass/main.scss
+++ b/help/content/assets/sass/main.scss
@@ -1186,6 +1186,9 @@
 					font-weight: 700;
 					font-size: 0.95em;
 					letter-spacing: 0.075em;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
 
 					&:first-child {
 						border-top: 0;