diff --git a/browser/html/cool.html.m4 b/browser/html/cool.html.m4
index cdefe50b715b0..8ae1a8fe915d2 100644
--- a/browser/html/cool.html.m4
+++ b/browser/html/cool.html.m4
@@ -201,8 +201,7 @@ m4_ifelse(MOBILEAPP,[true],
             <div id="slow-proxy"></div>
             m4_ifelse(DEBUG,[true],[<div id="js-dialog">JSDialogs: <a href="javascript:void(function() { app.socket.sendMessage('uno .uno:WidgetTestDialog') }() )">View widgets</a></div>])
             <div id="routeToken"></div>
-            <div id="wopi-host-id">%WOPI_HOST_ID%</div>
-            <div id="proxy-prefix-id">%PROXY_PREFIX_ENABLED%</div>
+            m4_ifelse(MOBILEAPP,[],[<div id="wopi-host-id">%WOPI_HOST_ID%</div><div id="proxy-prefix-id">%PROXY_PREFIX_ENABLED%</div>],[<p></p>])
             <p class="about-dialog-info-div"><span dir="ltr">Copyright © _YEAR_, VENDOR.</span></p>
           </div>
         </div>
@@ -219,6 +218,7 @@ m4_ifelse(MOBILEAPP, [true],
           data-access-header='%ACCESS_HEADER%'
         ]
       )
+      data-mobile-app-name='MOBILEAPPNAME'
       />
       ],
      [
diff --git a/browser/js/global.js b/browser/js/global.js
index 88f33d06ab975..a7ff6568dc718 100644
--- a/browser/js/global.js
+++ b/browser/js/global.js
@@ -392,8 +392,10 @@ class MobileAppInitializer extends InitializerBase {
 		  window.postMobileMessage('HYPERLINK ' + url); /* don't call the 'normal' window.open on mobile at all */
 		};
 
-		window.MobileAppName = 'MOBILEAPPNAME';
-		window.brandProductName = 'MOBILEAPPNAME';
+		const element = document.getElementById("initial-variables");
+
+		window.MobileAppName = element.dataset.mobileAppName;
+		window.brandProductName = element.dataset.mobileAppName;
 
 		window.coolLogging = "true";
 		window.outOfFocusTimeoutSecs = 1000000;