diff --git a/includes/SkinVector.php b/includes/SkinVector.php
index 2148bec..6da67b6 100644
--- a/includes/SkinVector.php
+++ b/includes/SkinVector.php
@@ -308,8 +308,6 @@ class SkinVector extends SkinMustache {
 	 */
 	private function getStickyHeaderData() {
 		return [
-			'title' => 'Audre Lorde',
-			'heading' => 'Introduction',
 			'data-primary-action' => !$this->shouldHideLanguages() ? $this->getULSButtonData() : '',
 			'data-button-start' => self::NO_ICON,
 			'data-button-end' => self::NO_ICON,
diff --git a/includes/templates/StickyHeader.mustache b/includes/templates/StickyHeader.mustache
index 0cc6c2d..91c9176 100644
--- a/includes/templates/StickyHeader.mustache
+++ b/includes/templates/StickyHeader.mustache
@@ -7,8 +7,7 @@
 			{{/data-button-start}}
 		</div>
 		<div class="vector-sticky-header-context-bar">
-			<div class="vector-sticky-header-context-bar-primary">{{title}}</div>
-			<div class="vector-sticky-header-context-bar-secondary">{{heading}}</div>
+			<div class="vector-sticky-header-context-bar-primary">{{html-title}}</div>
 		</div>
 	</div>
 	<div class="vector-sticky-header-end">
diff --git a/resources/skins.vector.styles/components/StickyHeader.less b/resources/skins.vector.styles/components/StickyHeader.less
index bf8389b..6304692 100644
--- a/resources/skins.vector.styles/components/StickyHeader.less
+++ b/resources/skins.vector.styles/components/StickyHeader.less
@@ -70,8 +70,22 @@
 	}
 
 	&-context-bar-primary {
-		padding-right: 15px;
-		font-size: unit( 22 / @font-size-browser, em );
+		position: relative;
+		max-width: 500px;
+
+		// T289814 Fade out page titles longer than 500px.
+		/* Stylelint rule broken for vendor prefixes: https://github.com/stylelint/stylelint/issues/1939 */
+		/* stylelint-disable function-linear-gradient-no-nonstandard-direction */
+		&:after {
+			content: '';
+			position: absolute;
+			left: 480px;
+			width: 100%;
+			height: 100%;
+			background-color: transparent;
+			background-image: -webkit-linear-gradient( to right, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 20px );
+			background-image: linear-gradient( to right, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 20px );
+		}
 	}
 
 	&-context-bar-secondary {