diff --git a/src/implementations/twig/components/menu/__snapshots__/menu.test.js.snap b/src/implementations/twig/components/menu/__snapshots__/menu.test.js.snap
index f8025944a6b..78fe390ce9f 100644
--- a/src/implementations/twig/components/menu/__snapshots__/menu.test.js.snap
+++ b/src/implementations/twig/components/menu/__snapshots__/menu.test.js.snap
@@ -32,9 +32,32 @@ exports[`Menu Default renders correctly 1`] = `
         Menu
       </a>
       <div
-        class="ecl-menu__site-name"
+        class="ecl-menu__banner"
       >
-        Site name
+        <div
+          class="ecl-menu__site-name"
+        >
+          Site name
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            CTA link
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
       <section
         class="ecl-menu__inner"
@@ -937,9 +960,32 @@ exports[`Menu Default renders correctly with extra attributes 1`] = `
         Menu
       </a>
       <div
-        class="ecl-menu__site-name"
+        class="ecl-menu__banner"
       >
-        Site name
+        <div
+          class="ecl-menu__site-name"
+        >
+          Site name
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            CTA link
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
       <section
         class="ecl-menu__inner"
@@ -1840,9 +1886,32 @@ exports[`Menu Default renders correctly with extra class names 1`] = `
         Menu
       </a>
       <div
-        class="ecl-menu__site-name"
+        class="ecl-menu__banner"
       >
-        Site name
+        <div
+          class="ecl-menu__site-name"
+        >
+          Site name
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            CTA link
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
       <section
         class="ecl-menu__inner"
@@ -2743,9 +2812,32 @@ exports[`Menu Translated renders correctly 1`] = `
         Menu
       </a>
       <div
-        class="ecl-menu__site-name"
+        class="ecl-menu__banner"
       >
-        Nom du site
+        <div
+          class="ecl-menu__site-name"
+        >
+          Nom du site
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            Lien CTA
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
       <section
         class="ecl-menu__inner"
diff --git a/src/implementations/twig/components/menu/menu.html.twig b/src/implementations/twig/components/menu/menu.html.twig
index 634dc073709..b6de24fcca9 100644
--- a/src/implementations/twig/components/menu/menu.html.twig
+++ b/src/implementations/twig/components/menu/menu.html.twig
@@ -2,9 +2,9 @@
 
 {#
   Parameters:
-  - title: (string) (default: ''): Title
-  - close: (string) (default: ''): Close button label
-  - back: (string): (default: ''): Back button label
+  - "title": (string) (default: ''): Title
+  - "close": (string) (default: ''): Close button label
+  - "back": (string): (default: ''): Back button label
   - "group": (string) (default: 'group1'): 'group1' or 'group2'
   - "icon_path": (string) (default: ''): Path to the icon sprite
   - "items": (associative array) (default: {}): The menu items - format: [
@@ -30,6 +30,7 @@
     },
   }],
   - "site_name": (string) (default: ''): Name of the website (used only on mobile)
+  - "cta_link": (optional) (default: {}): Call to action link compatible with ECL Link component structure (used only on mobile)
   - "menu_link": (string) (default: ''): Href attribute of the menu toggler
   - "extra_classes" (optional) (string) (default: '') Extra classes (space separated) for the nav element
   - "extra_attributes" (optional) (array) (default: []) Extra attributes for the nav element
@@ -48,6 +49,7 @@
 {% set _css_class = _css_class ~ ' ' ~ _css_class ~ '--' ~ _group %}
 {% set _extra_attributes = '' %}
 {% set _site_name = site_name|default('') %}
+{% set _cta_link = cta_link|default({}) %}
 {% set _icon_path = icon_path|default('') %}
 
 {% if extra_classes is defined and extra_classes is not empty %}
@@ -87,8 +89,20 @@
       } only %}
       {{- _title -}}
     </a>
-    {% if _site_name is not empty %}
-    <div class="ecl-menu__site-name">{{ _site_name }}</div>
+    {% if _site_name is not empty or _cta_link is not empty %}
+    <div class="ecl-menu__banner">
+      {% if _site_name is not empty %}
+      <div class="ecl-menu__site-name">{{ _site_name }}</div>
+      {% endif %}
+      {% if _cta_link is not empty and _cta_link.link is not empty %}
+      {% include '@ecl/link/link.html.twig' with _cta_link|merge({
+        link: _cta_link.link|merge({
+          type: 'cta',
+        }),
+        extra_classes: 'ecl-menu__cta',
+      }) only %}
+      {% endif %}
+    </div>
     {% endif %}
     <section class="ecl-menu__inner" data-ecl-menu-inner>
       <header class="ecl-menu__inner-header">
diff --git a/src/implementations/twig/components/menu/menu.story.js b/src/implementations/twig/components/menu/menu.story.js
index 2c319c7a745..d55b89fc9c4 100644
--- a/src/implementations/twig/components/menu/menu.story.js
+++ b/src/implementations/twig/components/menu/menu.story.js
@@ -3,11 +3,16 @@ import withCode from '@ecl/storybook-addon-code';
 import { correctSvgPath } from '@ecl/story-utils';
 import getSystem from '@ecl/builder/utils/getSystem';
 
-import enData from '@ecl/specs-component-menu/demo/data--en';
-import frData from '@ecl/specs-component-menu/demo/data--fr';
+import enSpecs from '@ecl/specs-component-menu/demo/data--en';
+import frSpecs from '@ecl/specs-component-menu/demo/data--fr';
 import menu from './menu.html.twig';
 import notes from './README.md';
 
+const enData = { ...enSpecs };
+const frData = { ...frSpecs };
+const enCtaLinkClone = { ...enData.cta_link };
+const frCtaLinkClone = { ...frData.cta_link };
+
 if (getSystem() === 'eu') {
   enData.site_name = '';
   frData.site_name = '';
@@ -16,6 +21,7 @@ if (getSystem() === 'eu') {
 const getArgs = (data) => {
   return {
     site_name: data.site_name,
+    cta_link: false,
   };
 };
 
@@ -34,12 +40,30 @@ const getArgTypes = () => {
         type: 'text',
       },
     },
+    cta_link: {
+      name: 'call to action',
+      type: { name: 'boolean' },
+      description: 'Call to action link (optional)',
+      table: {
+        type: { summary: 'boolean' },
+        defaultValue: { summary: false },
+        category: 'Content',
+      },
+      control: {
+        type: 'boolean',
+      },
+    },
   };
 };
 
-const prepareData = (data, args) => {
+const prepareData = (data, demo, args) => {
   correctSvgPath(data);
   data.site_name = args.site_name;
+  if (!args.cta_link) {
+    delete data.cta_link;
+  } else {
+    data.cta_link = demo !== 'translated' ? enCtaLinkClone : frCtaLinkClone;
+  }
 
   return data;
 };
@@ -50,14 +74,15 @@ export default {
   parameters: { layout: 'fullscreen' },
 };
 
-export const Default = (args) => menu(prepareData(enData, args));
+export const Default = (args) => menu(prepareData(enData, 'default', args));
 
 Default.storyName = 'default';
 Default.parameters = { notes: { markdown: notes, json: enData } };
 Default.args = getArgs(enData);
 Default.argTypes = getArgTypes();
 
-export const Translated = (args) => menu(prepareData(frData, args));
+export const Translated = (args) =>
+  menu(prepareData(frData, 'translated', args));
 
 Translated.storyName = 'translated';
 Translated.parameters = { notes: { markdown: notes, json: frData } };
diff --git a/src/implementations/twig/components/menu/package.json b/src/implementations/twig/components/menu/package.json
index 56f9bb745a6..1e7883e62ca 100644
--- a/src/implementations/twig/components/menu/package.json
+++ b/src/implementations/twig/components/menu/package.json
@@ -8,7 +8,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@ecl/twig-component-icon": "^3.0.3"
+    "@ecl/twig-component-icon": "^3.0.3",
+    "@ecl/twig-component-link": "^3.0.3"
   },
   "devDependencies": {
     "@ecl/specs-component-menu": "^3.0.3",
diff --git a/src/implementations/twig/components/site-header-core/__snapshots__/site-header-core.test.js.snap b/src/implementations/twig/components/site-header-core/__snapshots__/site-header-core.test.js.snap
index 2053e84d5ca..f631133108a 100644
--- a/src/implementations/twig/components/site-header-core/__snapshots__/site-header-core.test.js.snap
+++ b/src/implementations/twig/components/site-header-core/__snapshots__/site-header-core.test.js.snap
@@ -183,6 +183,29 @@ exports[`EC Site Header Core Default renders correctly 1`] = `
           </svg>
           Menu
         </a>
+        <div
+          class="ecl-menu__banner"
+        >
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              CTA link
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
+        </div>
         <section
           class="ecl-menu__inner"
           data-ecl-menu-inner=""
@@ -1768,6 +1791,29 @@ exports[`EC Site Header Core Default renders correctly when logged in 1`] = `
           </svg>
           Menu
         </a>
+        <div
+          class="ecl-menu__banner"
+        >
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              CTA link
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
+        </div>
         <section
           class="ecl-menu__inner"
           data-ecl-menu-inner=""
@@ -3323,6 +3369,29 @@ exports[`EC Site Header Core Default renders correctly with extra attributes 1`]
           </svg>
           Menu
         </a>
+        <div
+          class="ecl-menu__banner"
+        >
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              CTA link
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
+        </div>
         <section
           class="ecl-menu__inner"
           data-ecl-menu-inner=""
@@ -4876,6 +4945,29 @@ exports[`EC Site Header Core Default renders correctly with extra class names 1`
           </svg>
           Menu
         </a>
+        <div
+          class="ecl-menu__banner"
+        >
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              CTA link
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
+        </div>
         <section
           class="ecl-menu__inner"
           data-ecl-menu-inner=""
@@ -6429,6 +6521,29 @@ exports[`EC Site Header Core Translated renders correctly 1`] = `
           </svg>
           Menu
         </a>
+        <div
+          class="ecl-menu__banner"
+        >
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              Lien CTA
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
+        </div>
         <section
           class="ecl-menu__inner"
           data-ecl-menu-inner=""
@@ -7984,6 +8099,29 @@ exports[`EC Site Header Core Translated renders correctly with extra attributes
           </svg>
           Menu
         </a>
+        <div
+          class="ecl-menu__banner"
+        >
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              Lien CTA
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
+        </div>
         <section
           class="ecl-menu__inner"
           data-ecl-menu-inner=""
@@ -9537,6 +9675,29 @@ exports[`EC Site Header Core Translated renders correctly with extra class names
           </svg>
           Menu
         </a>
+        <div
+          class="ecl-menu__banner"
+        >
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              Lien CTA
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
+        </div>
         <section
           class="ecl-menu__inner"
           data-ecl-menu-inner=""
@@ -11090,6 +11251,29 @@ exports[`EU Site Header Core Default renders correctly 1`] = `
           </svg>
           Menu
         </a>
+        <div
+          class="ecl-menu__banner"
+        >
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              CTA link
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
+        </div>
         <section
           class="ecl-menu__inner"
           data-ecl-menu-inner=""
@@ -12675,6 +12859,29 @@ exports[`EU Site Header Core Default renders correctly when logged in 1`] = `
           </svg>
           Menu
         </a>
+        <div
+          class="ecl-menu__banner"
+        >
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              CTA link
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
+        </div>
         <section
           class="ecl-menu__inner"
           data-ecl-menu-inner=""
@@ -14230,6 +14437,29 @@ exports[`EU Site Header Core Default renders correctly with extra attributes 1`]
           </svg>
           Menu
         </a>
+        <div
+          class="ecl-menu__banner"
+        >
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              CTA link
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
+        </div>
         <section
           class="ecl-menu__inner"
           data-ecl-menu-inner=""
@@ -15783,6 +16013,29 @@ exports[`EU Site Header Core Default renders correctly with extra class names 1`
           </svg>
           Menu
         </a>
+        <div
+          class="ecl-menu__banner"
+        >
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              CTA link
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
+        </div>
         <section
           class="ecl-menu__inner"
           data-ecl-menu-inner=""
@@ -17336,6 +17589,29 @@ exports[`EU Site Header Core Translated renders correctly 1`] = `
           </svg>
           Menu
         </a>
+        <div
+          class="ecl-menu__banner"
+        >
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              Lien CTA
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
+        </div>
         <section
           class="ecl-menu__inner"
           data-ecl-menu-inner=""
@@ -18891,6 +19167,29 @@ exports[`EU Site Header Core Translated renders correctly with extra attributes
           </svg>
           Menu
         </a>
+        <div
+          class="ecl-menu__banner"
+        >
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              Lien CTA
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
+        </div>
         <section
           class="ecl-menu__inner"
           data-ecl-menu-inner=""
@@ -20444,6 +20743,29 @@ exports[`EU Site Header Core Translated renders correctly with extra class names
           </svg>
           Menu
         </a>
+        <div
+          class="ecl-menu__banner"
+        >
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              Lien CTA
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
+        </div>
         <section
           class="ecl-menu__inner"
           data-ecl-menu-inner=""
diff --git a/src/implementations/twig/components/site-header-core/site-header-core.story.js b/src/implementations/twig/components/site-header-core/site-header-core.story.js
index f89f3a7acce..86cd4416711 100644
--- a/src/implementations/twig/components/site-header-core/site-header-core.story.js
+++ b/src/implementations/twig/components/site-header-core/site-header-core.story.js
@@ -20,6 +20,10 @@ const system = getSystem();
 const loggedInData = { ...englishData, logged: true };
 const enData = { ...englishData };
 const frData = { ...frenchData };
+const enMenu = { ...dataMenuEn };
+const frMenu = { ...dataMenuFr };
+delete enMenu.cta_link;
+delete frMenu.cta_link;
 const clonedLoggedInData = { ...loggedInData };
 
 const getArgs = () => {
@@ -60,7 +64,7 @@ const prepareData = (data, demo, args) => {
 
   if (demo !== 'translated') {
     if (args.menu) {
-      data.menu = dataMenuEn;
+      data.menu = enMenu;
       data.menu.site_name = '';
     } else if (!args.menu && data.menu) {
       delete data.menu;
@@ -73,7 +77,7 @@ const prepareData = (data, demo, args) => {
     }
   } else {
     if (args.menu) {
-      data.menu = dataMenuFr;
+      data.menu = frMenu;
       data.menu.site_name = '';
     } else if (!args.menu && data.menu) {
       delete data.menu;
diff --git a/src/implementations/twig/components/site-header-harmonised/__snapshots__/site-header-harmonised.test.js.snap b/src/implementations/twig/components/site-header-harmonised/__snapshots__/site-header-harmonised.test.js.snap
index ace381de05a..865d1087eda 100644
--- a/src/implementations/twig/components/site-header-harmonised/__snapshots__/site-header-harmonised.test.js.snap
+++ b/src/implementations/twig/components/site-header-harmonised/__snapshots__/site-header-harmonised.test.js.snap
@@ -224,9 +224,13 @@ exports[`Site Header Harmonised Group 1 renders correctly 1`] = `
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Site name
+          <div
+            class="ecl-menu__site-name"
+          >
+            Site name
+          </div>
         </div>
         <section
           class="ecl-menu__inner"
@@ -1954,9 +1958,13 @@ exports[`Site Header Harmonised Group 1 renders correctly when logged in 1`] = `
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Site name
+          <div
+            class="ecl-menu__site-name"
+          >
+            Site name
+          </div>
         </div>
         <section
           class="ecl-menu__inner"
@@ -3686,9 +3694,13 @@ exports[`Site Header Harmonised Group 1 renders correctly with extra attributes
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Site name
+          <div
+            class="ecl-menu__site-name"
+          >
+            Site name
+          </div>
         </div>
         <section
           class="ecl-menu__inner"
@@ -5416,9 +5428,13 @@ exports[`Site Header Harmonised Group 1 renders correctly with extra class names
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Site name
+          <div
+            class="ecl-menu__site-name"
+          >
+            Site name
+          </div>
         </div>
         <section
           class="ecl-menu__inner"
diff --git a/src/implementations/twig/components/site-header-standardised/__snapshots__/site-header-standardised.test.js.snap b/src/implementations/twig/components/site-header-standardised/__snapshots__/site-header-standardised.test.js.snap
index 5a35d897890..862151c6039 100644
--- a/src/implementations/twig/components/site-header-standardised/__snapshots__/site-header-standardised.test.js.snap
+++ b/src/implementations/twig/components/site-header-standardised/__snapshots__/site-header-standardised.test.js.snap
@@ -178,7 +178,30 @@ exports[`EC Site Header Standardised Default renders correctly 1`] = `
       <div
         class="ecl-container"
       >
-        Site name
+        <div
+          class="ecl-site-header-standardised__site-name"
+        >
+          Site name
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-standardised-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            CTA link
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
     </div>
     <nav
@@ -211,9 +234,32 @@ exports[`EC Site Header Standardised Default renders correctly 1`] = `
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Site name
+          <div
+            class="ecl-menu__site-name"
+          >
+            Site name
+          </div>
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              CTA link
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
         </div>
         <section
           class="ecl-menu__inner"
@@ -1795,7 +1841,30 @@ exports[`EC Site Header Standardised Default renders correctly when logged in 1`
       <div
         class="ecl-container"
       >
-        Site name
+        <div
+          class="ecl-site-header-standardised__site-name"
+        >
+          Site name
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-standardised-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            CTA link
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
     </div>
     <nav
@@ -1828,9 +1897,32 @@ exports[`EC Site Header Standardised Default renders correctly when logged in 1`
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Site name
+          <div
+            class="ecl-menu__site-name"
+          >
+            Site name
+          </div>
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              CTA link
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
         </div>
         <section
           class="ecl-menu__inner"
@@ -3382,7 +3474,30 @@ exports[`EC Site Header Standardised Default renders correctly with extra attrib
       <div
         class="ecl-container"
       >
-        Site name
+        <div
+          class="ecl-site-header-standardised__site-name"
+        >
+          Site name
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-standardised-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            CTA link
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
     </div>
     <nav
@@ -3415,9 +3530,32 @@ exports[`EC Site Header Standardised Default renders correctly with extra attrib
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Site name
+          <div
+            class="ecl-menu__site-name"
+          >
+            Site name
+          </div>
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              CTA link
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
         </div>
         <section
           class="ecl-menu__inner"
@@ -4967,7 +5105,30 @@ exports[`EC Site Header Standardised Default renders correctly with extra class
       <div
         class="ecl-container"
       >
-        Site name
+        <div
+          class="ecl-site-header-standardised__site-name"
+        >
+          Site name
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-standardised-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            CTA link
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
     </div>
     <nav
@@ -5000,9 +5161,32 @@ exports[`EC Site Header Standardised Default renders correctly with extra class
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Site name
+          <div
+            class="ecl-menu__site-name"
+          >
+            Site name
+          </div>
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              CTA link
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
         </div>
         <section
           class="ecl-menu__inner"
@@ -6552,7 +6736,30 @@ exports[`EC Site Header Standardised Translated renders correctly 1`] = `
       <div
         class="ecl-container"
       >
-        Nom du site
+        <div
+          class="ecl-site-header-standardised__site-name"
+        >
+          Nom du site
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-standardised-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            Lien CTA
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
     </div>
     <nav
@@ -6585,9 +6792,32 @@ exports[`EC Site Header Standardised Translated renders correctly 1`] = `
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Nom du site
+          <div
+            class="ecl-menu__site-name"
+          >
+            Nom du site
+          </div>
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              Lien CTA
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
         </div>
         <section
           class="ecl-menu__inner"
@@ -8139,7 +8369,30 @@ exports[`EC Site Header Standardised Translated renders correctly with extra att
       <div
         class="ecl-container"
       >
-        Nom du site
+        <div
+          class="ecl-site-header-standardised__site-name"
+        >
+          Nom du site
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-standardised-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            Lien CTA
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
     </div>
     <nav
@@ -8172,9 +8425,32 @@ exports[`EC Site Header Standardised Translated renders correctly with extra att
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Nom du site
+          <div
+            class="ecl-menu__site-name"
+          >
+            Nom du site
+          </div>
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              Lien CTA
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
         </div>
         <section
           class="ecl-menu__inner"
@@ -9724,7 +10000,30 @@ exports[`EC Site Header Standardised Translated renders correctly with extra cla
       <div
         class="ecl-container"
       >
-        Nom du site
+        <div
+          class="ecl-site-header-standardised__site-name"
+        >
+          Nom du site
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-standardised-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            Lien CTA
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
     </div>
     <nav
@@ -9757,9 +10056,32 @@ exports[`EC Site Header Standardised Translated renders correctly with extra cla
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Nom du site
+          <div
+            class="ecl-menu__site-name"
+          >
+            Nom du site
+          </div>
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              Lien CTA
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
         </div>
         <section
           class="ecl-menu__inner"
@@ -11309,7 +11631,30 @@ exports[`EU Site Header Standardised Default renders correctly 1`] = `
       <div
         class="ecl-container"
       >
-        Site name
+        <div
+          class="ecl-site-header-standardised__site-name"
+        >
+          Site name
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-standardised-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            CTA link
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
     </div>
     <nav
@@ -11342,9 +11687,32 @@ exports[`EU Site Header Standardised Default renders correctly 1`] = `
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Site name
+          <div
+            class="ecl-menu__site-name"
+          >
+            Site name
+          </div>
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              CTA link
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
         </div>
         <section
           class="ecl-menu__inner"
@@ -12926,7 +13294,30 @@ exports[`EU Site Header Standardised Default renders correctly when logged in 1`
       <div
         class="ecl-container"
       >
-        Site name
+        <div
+          class="ecl-site-header-standardised__site-name"
+        >
+          Site name
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-standardised-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            CTA link
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
     </div>
     <nav
@@ -12959,9 +13350,32 @@ exports[`EU Site Header Standardised Default renders correctly when logged in 1`
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Site name
+          <div
+            class="ecl-menu__site-name"
+          >
+            Site name
+          </div>
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              CTA link
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
         </div>
         <section
           class="ecl-menu__inner"
@@ -14513,7 +14927,30 @@ exports[`EU Site Header Standardised Default renders correctly with extra attrib
       <div
         class="ecl-container"
       >
-        Site name
+        <div
+          class="ecl-site-header-standardised__site-name"
+        >
+          Site name
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-standardised-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            CTA link
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
     </div>
     <nav
@@ -14546,9 +14983,32 @@ exports[`EU Site Header Standardised Default renders correctly with extra attrib
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Site name
+          <div
+            class="ecl-menu__site-name"
+          >
+            Site name
+          </div>
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              CTA link
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
         </div>
         <section
           class="ecl-menu__inner"
@@ -16098,7 +16558,30 @@ exports[`EU Site Header Standardised Default renders correctly with extra class
       <div
         class="ecl-container"
       >
-        Site name
+        <div
+          class="ecl-site-header-standardised__site-name"
+        >
+          Site name
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-standardised-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            CTA link
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
     </div>
     <nav
@@ -16131,9 +16614,32 @@ exports[`EU Site Header Standardised Default renders correctly with extra class
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Site name
+          <div
+            class="ecl-menu__site-name"
+          >
+            Site name
+          </div>
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              CTA link
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
         </div>
         <section
           class="ecl-menu__inner"
@@ -17683,7 +18189,30 @@ exports[`EU Site Header Standardised Translated renders correctly 1`] = `
       <div
         class="ecl-container"
       >
-        Nom du site
+        <div
+          class="ecl-site-header-standardised__site-name"
+        >
+          Nom du site
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-standardised-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            Lien CTA
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
     </div>
     <nav
@@ -17716,9 +18245,32 @@ exports[`EU Site Header Standardised Translated renders correctly 1`] = `
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Nom du site
+          <div
+            class="ecl-menu__site-name"
+          >
+            Nom du site
+          </div>
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              Lien CTA
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
         </div>
         <section
           class="ecl-menu__inner"
@@ -19270,7 +19822,30 @@ exports[`EU Site Header Standardised Translated renders correctly with extra att
       <div
         class="ecl-container"
       >
-        Nom du site
+        <div
+          class="ecl-site-header-standardised__site-name"
+        >
+          Nom du site
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-standardised-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            Lien CTA
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
     </div>
     <nav
@@ -19303,9 +19878,32 @@ exports[`EU Site Header Standardised Translated renders correctly with extra att
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Nom du site
+          <div
+            class="ecl-menu__site-name"
+          >
+            Nom du site
+          </div>
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              Lien CTA
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
         </div>
         <section
           class="ecl-menu__inner"
@@ -20855,7 +21453,30 @@ exports[`EU Site Header Standardised Translated renders correctly with extra cla
       <div
         class="ecl-container"
       >
-        Nom du site
+        <div
+          class="ecl-site-header-standardised__site-name"
+        >
+          Nom du site
+        </div>
+        <a
+          class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-standardised-menu__cta"
+          href=""
+        >
+          <span
+            class="ecl-link__label"
+          >
+            Lien CTA
+          </span>
+          <svg
+            aria-hidden="true"
+            class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+            focusable="false"
+          >
+            <use
+              xlink:href="/icons.svg#corner-arrow"
+            />
+          </svg>
+        </a>
       </div>
     </div>
     <nav
@@ -20888,9 +21509,32 @@ exports[`EU Site Header Standardised Translated renders correctly with extra cla
           Menu
         </a>
         <div
-          class="ecl-menu__site-name"
+          class="ecl-menu__banner"
         >
-          Nom du site
+          <div
+            class="ecl-menu__site-name"
+          >
+            Nom du site
+          </div>
+          <a
+            class="ecl-link ecl-link--cta ecl-link--icon ecl-link--icon-after ecl-menu__cta"
+            href=""
+          >
+            <span
+              class="ecl-link__label"
+            >
+              Lien CTA
+            </span>
+            <svg
+              aria-hidden="true"
+              class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon"
+              focusable="false"
+            >
+              <use
+                xlink:href="/icons.svg#corner-arrow"
+              />
+            </svg>
+          </a>
         </div>
         <section
           class="ecl-menu__inner"
diff --git a/src/implementations/twig/components/site-header-standardised/site-header-standardised.html.twig b/src/implementations/twig/components/site-header-standardised/site-header-standardised.html.twig
index 73a84718a80..b24e8f66064 100644
--- a/src/implementations/twig/components/site-header-standardised/site-header-standardised.html.twig
+++ b/src/implementations/twig/components/site-header-standardised/site-header-standardised.html.twig
@@ -7,6 +7,7 @@
     - "logged" (boolean): Whether the user is logged in or not
     - "menu" (boolean): Whether the component includes a menu
     - "site_name" (string) Site name
+    - "cta_link": (optional) (default: {}): Call to action link compatible with ECL Link component structure
     - "logo" (associative array) (default: predefined structure): Logo image settings. format:
         {
           "title": (string) (default: ''): Logo title attribute.
@@ -74,6 +75,7 @@
 {% set _icon_file_path = icon_file_path|default('') %}
 {% set _menu = menu|default(false) %}
 {% set _site_name = site_name|default('') %}
+{% set _cta_link = cta_link|default({}) %}
 {% set _extra_attributes = '' %}
 {% set _css_class = 'ecl-site-header-standardised' %}
 {% set _search_form_extra_attributes = [{ name: 'data-ecl-search-form' }] %}
@@ -359,10 +361,22 @@
   </div>
 {% endif %}
 
-{# Site name (banner) #}
-{% if _site_name is defined and _site_name is not empty %}
+{# Site name and call to action (banner) #}
+{% if _site_name is not empty or _cta_link is not empty %}
   <div class="ecl-site-header-standardised__banner">
-    <div class="ecl-container">{{ _site_name }}</div>
+    <div class="ecl-container">
+      {% if _site_name is not empty %}
+      <div class="ecl-site-header-standardised__site-name">{{ _site_name }}</div>
+      {% endif %}
+      {% if _cta_link is not empty and _cta_link.link is not empty %}
+      {% include '@ecl/link/link.html.twig' with _cta_link|merge({
+        link: _cta_link.link|merge({
+          type: 'cta',
+        }),
+        extra_classes: 'ecl-standardised-menu__cta',
+      }) only %}
+      {% endif %}
+    </div>
   </div>
 {% endif %}
 
diff --git a/src/implementations/twig/components/site-header-standardised/site-header-standardised.story.js b/src/implementations/twig/components/site-header-standardised/site-header-standardised.story.js
index e66d706d168..e8a55bb9788 100644
--- a/src/implementations/twig/components/site-header-standardised/site-header-standardised.story.js
+++ b/src/implementations/twig/components/site-header-standardised/site-header-standardised.story.js
@@ -19,9 +19,13 @@ import notes from './README.md';
 const system = getSystem();
 const enData = { ...englishData };
 const frData = { ...frenchData };
+const enMenu = { ...dataMenuEn };
+const frMenu = { ...dataMenuFr };
 const languageSelector = { ...enData.language_selector };
 const loggedInData = { ...enData, logged: true };
 const clonedLoggedInData = { ...loggedInData };
+const enCtaLinkClone = { ...enData.cta_link };
+const frCtaLinkClone = { ...frData.cta_link };
 
 const getArgs = (data) => {
   const args = {
@@ -29,6 +33,7 @@ const getArgs = (data) => {
     language_selector: true,
     menu: true,
     site_name: data.site_name || '',
+    cta_link: false,
   };
   if (system === 'ec') {
     args.banner_top = true;
@@ -86,6 +91,19 @@ const getArgTypes = () => {
       category: 'Content',
     },
   };
+  argTypes.cta_link = {
+    name: 'call to action',
+    type: { name: 'boolean' },
+    description: 'Call to action link (optional)',
+    table: {
+      type: { summary: 'boolean' },
+      defaultValue: { summary: false },
+      category: 'Content',
+    },
+    control: {
+      type: 'boolean',
+    },
+  };
 
   return argTypes;
 };
@@ -105,7 +123,7 @@ const prepareData = (data, demo, args) => {
   if (!args.menu) {
     delete data.menu;
   } else if (args.menu && !data.menu) {
-    data.menu = demo !== 'translated' ? dataMenuEn : dataMenuFr;
+    data.menu = demo !== 'translated' ? enMenu : frMenu;
   }
 
   if (!args.language_selector) {
@@ -114,6 +132,15 @@ const prepareData = (data, demo, args) => {
     data.language_selector = languageSelector;
   }
 
+  if (!args.cta_link) {
+    delete data.cta_link;
+    delete data.menu.cta_link;
+  } else {
+    data.cta_link = demo !== 'translated' ? enCtaLinkClone : frCtaLinkClone;
+    data.menu.cta_link =
+      demo !== 'translated' ? enCtaLinkClone : frCtaLinkClone;
+  }
+
   correctSvgPath(data);
 
   if (system === 'ec') {
diff --git a/src/implementations/vanilla/components/menu/_menu.scss b/src/implementations/vanilla/components/menu/_menu.scss
index 3cd0b36bfa4..98a28631ca2 100644
--- a/src/implementations/vanilla/components/menu/_menu.scss
+++ b/src/implementations/vanilla/components/menu/_menu.scss
@@ -164,17 +164,23 @@ $_mobile-item-hover-background: null !default;
 /*
   * Menu header
   */
+.ecl-menu__banner {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  order: 1;
+}
+
 .ecl-menu__site-name {
-  align-self: center;
   color: map.get(theme.$color, 'white');
   font: $_menu-site-name-font;
   font-weight: $_menu-site-name-font-weight;
-  order: 1;
 }
 
 .ecl-menu__open,
 .ecl-menu__close {
   align-items: center;
+  align-self: flex-end;
   border: $_menu-open-button-border;
   border-radius: $_menu-open-button-radius;
   display: flex;
@@ -199,6 +205,10 @@ $_mobile-item-hover-background: null !default;
   }
 }
 
+.ecl-menu__cta {
+  margin-top: map.get(theme.$spacing, 's');
+}
+
 /* stylelint-disable-next-line order/order */
 @include breakpoints.up('l') {
   .ecl-menu:not(.ecl-menu--forced-mobile) {
@@ -214,6 +224,10 @@ $_mobile-item-hover-background: null !default;
     .ecl-menu__open {
       display: none;
     }
+
+    .ecl-menu__cta {
+      display: none;
+    }
   }
 }
 
diff --git a/src/implementations/vanilla/components/site-header-standardised/site-header-standardised-ec.scss b/src/implementations/vanilla/components/site-header-standardised/site-header-standardised-ec.scss
index 5e17e13aa27..eee2aecf2c6 100644
--- a/src/implementations/vanilla/components/site-header-standardised/site-header-standardised-ec.scss
+++ b/src/implementations/vanilla/components/site-header-standardised/site-header-standardised-ec.scss
@@ -221,6 +221,15 @@ $_search-width-xl: 31.5rem;
     display: block;
     font: map.get(theme.$font, '3xl');
     padding: map.get(theme.$spacing, 'l') 0;
+
+    .ecl-container {
+      display: flex;
+    }
+  }
+
+  .ecl-site-header-standardised__site-name {
+    align-self: center;
+    flex-grow: 1;
   }
 
   .ecl-site-header-standardised__top {
diff --git a/src/implementations/vanilla/components/site-header-standardised/site-header-standardised-eu.scss b/src/implementations/vanilla/components/site-header-standardised/site-header-standardised-eu.scss
index f4a60a5bfc6..1fdc6a0dbe0 100644
--- a/src/implementations/vanilla/components/site-header-standardised/site-header-standardised-eu.scss
+++ b/src/implementations/vanilla/components/site-header-standardised/site-header-standardised-eu.scss
@@ -219,6 +219,15 @@ $_search-width-xl: 31.5rem;
     font: map.get(theme.$font-prolonged, 'xl');
     font-weight: map.get(theme.$font-weight, 'bold');
     padding: map.get(theme.$spacing, 'm') 0;
+
+    .ecl-container {
+      display: flex;
+    }
+  }
+
+  .ecl-site-header-standardised__site-name {
+    align-self: center;
+    flex-grow: 1;
   }
 
   .ecl-site-header-standardised__container {
diff --git a/src/specs/components/menu/demo/data--en.js b/src/specs/components/menu/demo/data--en.js
index ba37746fe30..4ca34f4e2fe 100644
--- a/src/specs/components/menu/demo/data--en.js
+++ b/src/specs/components/menu/demo/data--en.js
@@ -7,6 +7,18 @@ module.exports = {
   close: 'Close',
   back: 'Back',
   site_name: 'Site name',
+  cta_link: {
+    link: {
+      label: 'CTA link',
+      href: exampleLink,
+    },
+    icon: {
+      path: '/icons.svg',
+      name: 'corner-arrow',
+      size: 'fluid',
+      transform: 'rotate-90',
+    },
+  },
   menu_link: exampleLink,
   icon_path: '/icons.svg',
   items: [
diff --git a/src/specs/components/menu/demo/data--fr.js b/src/specs/components/menu/demo/data--fr.js
index 5330f8e9484..47ba04a7cc2 100644
--- a/src/specs/components/menu/demo/data--fr.js
+++ b/src/specs/components/menu/demo/data--fr.js
@@ -7,6 +7,18 @@ module.exports = {
   close: 'Fermer',
   back: 'Retour',
   site_name: 'Nom du site',
+  cta_link: {
+    link: {
+      label: 'Lien CTA',
+      href: exampleLink,
+    },
+    icon: {
+      path: '/icons.svg',
+      name: 'corner-arrow',
+      size: 'fluid',
+      transform: 'rotate-90',
+    },
+  },
   menu_link: exampleLink,
   icon_path: '/icons.svg',
   items: [
diff --git a/src/specs/components/site-header-standardised/demo/data--fr.js b/src/specs/components/site-header-standardised/demo/data--fr.js
index a6b4b20db1e..c568667c1c5 100644
--- a/src/specs/components/site-header-standardised/demo/data--fr.js
+++ b/src/specs/components/site-header-standardised/demo/data--fr.js
@@ -203,6 +203,18 @@ module.exports = {
     ],
   },
   site_name: 'Nom du site',
+  cta_link: {
+    link: {
+      label: 'Lien CTA',
+      href: exampleLink,
+    },
+    icon: {
+      path: '/icons.svg',
+      name: 'corner-arrow',
+      size: 'fluid',
+      transform: 'rotate-90',
+    },
+  },
   icon_file_path: '/icons.svg',
   banner_top: {
     link: {
diff --git a/src/specs/components/site-header-standardised/demo/data.js b/src/specs/components/site-header-standardised/demo/data.js
index ea43b614771..4a15112ebb4 100644
--- a/src/specs/components/site-header-standardised/demo/data.js
+++ b/src/specs/components/site-header-standardised/demo/data.js
@@ -203,6 +203,18 @@ module.exports = {
     ],
   },
   site_name: 'Site name',
+  cta_link: {
+    link: {
+      label: 'CTA link',
+      href: exampleLink,
+    },
+    icon: {
+      path: '/icons.svg',
+      name: 'corner-arrow',
+      size: 'fluid',
+      transform: 'rotate-90',
+    },
+  },
   icon_file_path: '/icons.svg',
   banner_top: {
     link: {