AmauriC
diff --git a/‎README.md‎
Lines changed: 1 addition & 0 deletions b/‎README.md‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎css/tarteaucitron.css‎
Lines changed: 11 additions & 0 deletions b/‎css/tarteaucitron.css‎
Lines changed: 11 additions & 0 deletions
diff --git a/‎css/tarteaucitron.min.css‎
Lines changed: 1 addition & 1 deletion b/‎css/tarteaucitron.min.css‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎tarteaucitron.js‎
Lines changed: 6 additions & 0 deletions b/‎tarteaucitron.js‎
Lines changed: 6 additions & 0 deletions
diff --git a/‎tarteaucitron.min.js‎
Lines changed: 1 addition & 1 deletion b/‎tarteaucitron.min.js‎
Lines changed: 1 addition & 1 deletion
@@ -41,6 +41,7 @@ tarteaucitron.init({
     "serviceDefaultState": "wait", /* Default state (true - wait - false) */
 
     "showAlertSmall": false, /* Show the small banner on bottom right */
+    "showTitleBanner": false, /* Also show the title (middleBarHead) on the top/bottom banners */
     "cookieslist": false, /* Show the cookie list in a mini banner */
     "cookieslistEmbed": false, /* Show the cookie list on the control panel */
     
 
@@ -1342,6 +1342,17 @@ span.tarteaucitronTitle.tarteaucitronH3 {
 /* custom title for popup and middle banner */
 #tarteaucitronRoot.tarteaucitronSize-middle #tarteaucitronAlertBig::before, #tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig::before {content: var(--tacTitleBanner);}
 
+/* opt-in: also show the title banner on the top/bottom bars (showTitleBanner parameter) */
+#tarteaucitronRoot.tarteaucitronTitleBanner.tarteaucitronSize-bottom #tarteaucitronAlertBig::before,
+#tarteaucitronRoot.tarteaucitronTitleBanner.tarteaucitronSize-top #tarteaucitronAlertBig::before {
+    content: var(--tacTitleBanner);
+    display: block;
+    text-align: left;
+    font-size: 18px;
+    padding: 0 10px;
+    margin-bottom: 8px;
+}
+
 /* middle banner */
 div#tarteaucitronRoot.tarteaucitronSize-middle.tarteaucitronBeforeVisible:before {content: '';position: fixed;width: 100%;height: 100%;background: white;top: 0;left: 0;z-index: 100000;opacity: 0.5;}
 body #tarteaucitronRoot.tarteaucitronSize-middle div#tarteaucitronAlertBig {width: 60%;min-width: 285px;height: fit-content;margin: auto;top:0;left:0;bottom:0;right:0;box-shadow: 0 0 9000px #000;border-radius: 20px;padding: 35px 25px;}
 
@@ -227,6 +227,7 @@ var tarteaucitron = {
                 "bodyPosition": "bottom",
                 "removeCredit": false,
                 "showAlertSmall": false,
+                "showTitleBanner": false,
                 "showDetailsOnClick": true,
                 "showIcon": true,
                 "iconPosition": "BottomRight",
@@ -840,6 +841,11 @@ var tarteaucitron = {
 
                         tarteaucitron.userInterface.addClass("tarteaucitronRoot", "tarteaucitronSize-" + tarteaucitron.parameters.orientation);
 
+                        // optionally show the title banner (middleBarHead) on the top/bottom bars too
+                        if (tarteaucitron.parameters.showTitleBanner === true) {
+                            tarteaucitron.userInterface.addClass("tarteaucitronRoot", "tarteaucitronTitleBanner");
+                        }
+
                         div.setAttribute('data-nosnippet', 'true');
                         div.setAttribute('lang', language);
                         div.setAttribute('role', 'region');