diff --git a/data/quickstart/fragment-layout/authenticated-lo.fragment-layout.xml b/data/quickstart/fragment-layout/authenticated-lo.fragment-layout.xml
index 2b2385610c..e2c6fff6ba 100644
--- a/data/quickstart/fragment-layout/authenticated-lo.fragment-layout.xml
+++ b/data/quickstart/fragment-layout/authenticated-lo.fragment-layout.xml
@@ -43,6 +43,7 @@
             <channel fname="portal-greeting" unremovable="false" hidden="false" immutable="false" ID="n130"/>
             <channel fname="logout-launcher" unremovable="false" hidden="false" immutable="false" ID="n140"/>
             <channel fname="session-timeout" unremovable="false" hidden="false" immutable="false" ID="n150"/>
+            <channel fname="content-menu" unremovable="false" hidden="false" immutable="false" ID="n160"/>
         </folder>
         <folder ID="s300" hidden="false" immutable="true" name="Customize folder" type="customize" unremovable="true">
             <channel fname="personalization-gallery" unremovable="false" hidden="false" immutable="false" ID="n310"/>
diff --git a/data/quickstart/portlet-definition/content-menu.portlet-definition.xml b/data/quickstart/portlet-definition/content-menu.portlet-definition.xml
new file mode 100644
index 0000000000..c454c2a87d
--- /dev/null
+++ b/data/quickstart/portlet-definition/content-menu.portlet-definition.xml
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<portlet-definition version="4.0" xsi:schemaLocation="https://source.jasig.org/schemas/uportal/io/portlet-definition https://source.jasig.org/schemas/uportal/io/portlet-definition/portlet-definition-4.0.xsd" xmlns:ns2="https://source.jasig.org/schemas/uportal" xmlns="https://source.jasig.org/schemas/uportal/io/portlet-definition" xmlns:ns4="https://source.jasig.org/schemas/uportal/io/portlet-type" xmlns:ns3="https://source.jasig.org/schemas/uportal/io/subscribed-fragment" xmlns:ns5="https://source.jasig.org/schemas/uportal/io/event-aggregation" xmlns:ns6="https://source.jasig.org/schemas/uportal/io/user" xmlns:ns7="https://source.jasig.org/schemas/uportal/io/stylesheet-descriptor" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:ns8="https://source.jasig.org/schemas/uportal/io/permission-owner">
+    <title>Menu Header</title>
+    <name>Menu Header</name>
+    <fname>content-menu</fname>
+    <desc>New kind of header menu</desc>
+    <type>Portlet</type>
+    <timeout>12000</timeout>
+    <portlet-descriptor>
+        <ns2:isFramework>true</ns2:isFramework>
+        <ns2:portletName>JspInvoker</ns2:portletName>
+    </portlet-descriptor>
+    <group>Everyone</group>
+    <parameter>
+        <name>disableDynamicTitle</name>
+        <value>true</value>
+    </parameter>
+    <portlet-preference>
+        <name>JspInvokerPortletController.viewLocation</name>
+        <readOnly>false</readOnly>
+        <value>/jsp/Invoker/content-menu</value>
+    </portlet-preference>
+    <portlet-preference>
+        <name>JspInvokerPortletController.beans</name>
+        <readOnly>false</readOnly>
+        <value>personManager</value>
+    </portlet-preference>
+    <portlet-preference>
+        <name>portalLogoutUrl</name>
+        <readOnly>false</readOnly>
+        <value>/uPortal/Logout</value>
+    </portlet-preference>
+    <portlet-preference>
+        <name>alternativeBanner</name>
+        <readOnly>true</readOnly>
+        <value>https://www.toureiffel.paris/sites/default/files/styles/1440x810/public/2017-10/monument-landing-header-bg_0.jpg?itok=_dSLLBlZ</value>
+    </portlet-preference>
+    <portlet-preference>
+        <name>favoritesPortletCardSize</name>
+        <readOnly>true</readOnly>
+        <value>small</value>
+    </portlet-preference>
+    <portlet-preference>
+        <name>gridPortletCardSize</name>
+        <readOnly>true</readOnly>
+        <value>auto</value>
+    </portlet-preference>
+    <portlet-preference>
+        <name>hideActionMode</name>
+        <readOnly>true</readOnly>
+        <value>never</value>
+    </portlet-preference>
+<!--
+    <portlet-preference>
+        <name>moreUserInfoUrl</name>
+        <readOnly>true</readOnly>
+        <value>/uPortal/p/</value>
+    </portlet-preference>
+    <portlet-preference>
+        <name>orgInfoUrl</name>
+        <readOnly>true</readOnly>
+        <value>/uPortal/p/etablissement-swapper</value>
+    </portlet-preference>
+-->
+</portlet-definition>
diff --git a/gradle.properties b/gradle.properties
index 41d08e1644..75a797ca00 100644
--- a/gradle.properties
+++ b/gradle.properties
@@ -26,6 +26,7 @@ webProxyPortletVersion=2.3.1
 contentCarouselVersion=1.19.0
 waffleMenuVersion=1.19.0
 vueVersion=2.5.17
+contentMenuVersion=1.19.0
 
 portletApiDependency=org.apache.portals:portlet-api_2.1.0_spec:1.0
 servletApiDependency=javax.servlet:javax.servlet-api:3.0.1
diff --git a/overlays/resource-server/build.gradle b/overlays/resource-server/build.gradle
index 89a3b3a43b..21c9464f89 100644
--- a/overlays/resource-server/build.gradle
+++ b/overlays/resource-server/build.gradle
@@ -14,6 +14,7 @@ dependencies {
     runtime "org.webjars.npm:uportal__content-carousel:${contentCarouselVersion}@jar"
     runtime "org.webjars.npm:uportal__waffle-menu:${waffleMenuVersion}@jar"
     runtime "org.webjars.npm:vue:${vueVersion}@jar"
+    runtime "org.webjars.npm:uportal__esco-content-menu:${contentMenuVersion}@jar"
 }
 
 war {
diff --git a/overlays/uPortal/src/main/webapp/WEB-INF/jsp/Invoker/content-menu.jsp b/overlays/uPortal/src/main/webapp/WEB-INF/jsp/Invoker/content-menu.jsp
new file mode 100644
index 0000000000..ce9293df48
--- /dev/null
+++ b/overlays/uPortal/src/main/webapp/WEB-INF/jsp/Invoker/content-menu.jsp
@@ -0,0 +1,67 @@
+<%--
+
+    Licensed to Apereo under one or more contributor license
+    agreements. See the NOTICE file distributed with this work
+    for additional information regarding copyright ownership.
+    Apereo licenses this file to you under the Apache License,
+    Version 2.0 (the "License"); you may not use this file
+    except in compliance with the License.  You may obtain a
+    copy of the License at the following location:
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing,
+    software distributed under the License is distributed on an
+    "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+    KIND, either express or implied.  See the License for the
+    specific language governing permissions and limitations
+    under the License.
+
+--%>
+<%@ include file="/WEB-INF/jsp/include.jsp" %>
+
+<c:set var="request" value="${pageContext.request}" />
+<c:set var="ctxPath" value="${request.contextPath}" />
+
+<script src="/resource-server/webjars/vue/dist/vue.min.js"></script>
+<script src="/resource-server/webjars/uportal__esco-content-menu/dist/esco.min.js" defer></script>
+
+<div id="content-menu">
+  <esco-hamburger-menu
+    context-api-url="${ctxPath}"
+    sign-out-url="${portalLogoutUrl[0]}"
+    default-org-logo="${alternativeBanner[0]}"
+    user-info-portlet-url="${moreUserInfoUrl[0]}"
+    api-url-org-info="${orgInfoUrl[0]}"
+    favorites-portlet-card-size="${favoritesPortletCardSize[0]}"
+    grid-portlet-card-size="${gridPortletCardSize[0]}"
+    hide-action-mode="${hideActionMode[0]}"
+  ></esco-hamburger-menu>
+</div>
+
+<script type="text/javascript">
+  /** this part is needed to move the menu on left from uPortal menu. */
+  if (!Element.prototype.matches)
+    Element.prototype.matches = Element.prototype.msMatchesSelector ||
+      Element.prototype.webkitMatchesSelector;
+  if (!Element.prototype.closest)
+    Element.prototype.closest = function(s) {
+      var el = this;
+      if (!document.documentElement.contains(el)) return null;
+      do {
+        if (el.matches(s)) return el;
+        el = el.parentElement || el.parentNode;
+      } while (el !== null);
+      return null;
+    };
+  document.querySelector('#content-menu').closest("section").setAttribute("style", "float: left;")
+</script>
+
+<style type="text/css">
+  .portal .row-offcanvas #wrapper .portal-header #up-sticky-nav .portal-global a.menu-toggle, .portal .row-offcanvas #wrapper .portal-header nav.portal-nav {
+    display: none;
+  }
+  .portal .row-offcanvas.active {
+    transform: none;
+  }
+</style>