try to use pre-header in overwrites

pre-header.tpl

@@ -0,0 +1,259 @@
+{*
+ **********************************************************
+ * Developed by: Team Theme Metro
+ * Website: http://www.thememetro.com
+ **********************************************************
+*}
+
+<!-- templates/croster/core/includes/pre-header.tpl -->
+
+<div class="pre-header{if $themesettings.headersetting.preheaderbg == "1"} primary{elseif $themesettings.headersetting.preheaderbg == "2"} light{else}{/if}">
+	<div class="container">
+		<!-- <div class="d-flex align-items-center space-between mx-0 mx-lg-3"> -->
+		<div class="nav navbar-nav mr-auto w-auto">
+			<a class="logo" style="display:flex;" href="/">
+				<img src="https://portal.thurdata.ch/templates/croster/assets/images/logo-bw-invert-medium.png" alt="Thurdata GmbH" width="182"> <!-- class="logo-light"> -->
+				<!-- <img src="https://portal.thurdata.ch/templates/croster/assets/images/logo-color-medium.png" alt="Thurdata GmbH"> class="logo-light"> -->
+			</a>
+			 
+			<ul class="nav navbar-nav mr-auto w-auto">
+				<li class="home-item" style="font-size: 1.8em; color: white">
+					&nbsp;&nbsp;  <!-- white space in header -->
+				</li>
+			</ul>
+			
+			<!-- Contact Items in Pre-Header 
+			<ul class="list-unstyled list-inline d-none d-md-inline-block">
+				{if $themesettings.general.whatsapp}<li class="list-inline-item"><a href="https://api.whatsapp.com/send?phone={$themesettings.general.whatsapp}" target="_blank"><i class="fab fa-whatsapp"></i></a></li>{/if}
+				{if $themesettings.general.phonenumber}<li class="list-inline-item"><a href="tel:+41716716840" style="color:white;"><i class="fas fa-phone-volume"></i> +41 71 671 68 40</a></li>{/if}
+				{if $themesettings.general.contactemail}<li class="list-inline-item"><a href="#"><i class="far fa-envelope"></i> {$themesettings.general.contactemail}</a></li>{/if}
+			</ul>
+			-->
+
+			<!--
+			<ul class="list-unstyled list-inline d-inline-block d-md-none">
+				{if $themesettings.general.whatsapp}
+				<li class="list-inline-item">
+					<span data-toggle="tooltip" data-placement="bottom" data-title="{$themesettings.general.whatsapp}">
+						<a href="https://api.whatsapp.com/send?phone={$themesettings.general.whatsapp}" target="_blank"><i class="fab fa-whatsapp"></i></a>
+					</span>
+				</li>			
+				{/if}
+				{if $themesettings.general.phonenumber}
+				<li class="list-inline-item">
+					<span data-toggle="tooltip" data-placement="bottom" data-title="{$themesettings.general.phonenumber}">
+						<a href="tel:{$themesettings.general.phonenumber}"><i class="fas fa-phone-volume"></i></a>
+					</span>
+				</li>
+				{/if}
+				{if $themesettings.general.contactemail}
+				<li class="list-inline-item">
+					<span data-toggle="tooltip" data-placement="bottom" data-title="{$themesettings.general.contactemail}">
+						<a href="#"><i class="far fa-envelope"></i></a>	
+					</span>
+				</li>
+				{/if}
+			</ul>
+			-->
+
+			<ul class="list-unstyled list-inline" style="white-space:nowrap">
+
+				<!-- Whatsapp -->
+				{if $themesettings.general.whatsapp}<li class="list-inline-item"><a href="https://api.whatsapp.com/send?phone={$themesettings.general.whatsapp}" target="_blank"><i class="fab fa-whatsapp"></i></a></li>{/if}
+				<!-- Phone 1 -->
+				{if $themesettings.general.phonenumber}<li class="list-inline-item"><a href="tel:+41716716840"> <i class="fas fa-phone-volume"></i> +41 71 671 68 40</a></li>{/if}
+
+				<!-- Email-Kontakt -->
+				{if $themesettings.general.contactemail}<li class="list-inline-item"><a href="#"><i class="far fa-envelope"></i> {$themesettings.general.contactemail}</a></li>{/if}
+
+
+
+				
+				{if $themesettings.general.whatsapp}
+					<li class="list-inline-item">
+	    				    <span data-toggle="tooltip" data-placement="bottom" data-title="{$themesettings.general.whatsapp}">
+						<a href="https://api.whatsapp.com/send?phone={$themesettings.general.whatsapp}" target="_blank"><i class="fab fa-whatsapp"></i></a>
+					    </span>
+				    </li>			
+				{/if}
+				{if $themesettings.general.phonenumber}
+				    <li class="list-inline-item">
+					<span data-toggle="tooltip" data-placement="bottom" data-title="{$themesettings.general.phonenumber}">
+						<a href="tel:{$themesettings.general.phonenumber}" style="color:white;"><i class="fas fa-phone-volume"></i></a>
+					</span>
+				    </li>
+				{/if}
+				{if $themesettings.general.contactemail}
+				    <li class="list-inline-item">
+					<span data-toggle="tooltip" data-placement="bottom" data-title="{$themesettings.general.contactemail}">
+						<a href="#"><i class="far fa-envelope"></i></a>	
+					</span>
+				    </li>
+				{/if}
+				
+
+
+
+
+
+			
+			<!-- Client Alerts -->
+			{if $loggedin}
+				{if count($clientAlerts) > 0}
+					<li style="border-right:none" class="list-inline-item dropdown nocaret">
+						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
+							<i class="fal fa-bell" style="color:white;"></i>  <span class="badge up badge-primary">{$clientAlerts|count}</span>
+						</a>
+						<ul class="dropdown-menu dropdown-menu-right dropdown-scroll dropdown-tasks auto">
+							<li class="dropdown-header">
+								<i class="fal fa-info-circle"></i> ({$clientAlerts|count}) {$LANG.notifications}
+							</li>
+							<li id="taskScroll">
+								<ul class="list-unstyled">
+									{foreach $clientAlerts as $alert}
+									<li>
+										<a href="{$alert->getLink()}"><i class="fas fa-fw fa-{if $alert->getSeverity() == 'danger'}exclamation-circle{elseif $alert->getSeverity() == 'warning'}exclamation-triangle{elseif $alert->getSeverity() == 'info'}info-circle{else}check-circle{/if} text-{$alert->getSeverity()}"></i> {$alert->getMessage()} {if $alert->getLinkText()}<button href="{$alert->getLink()}" class="btn btn-xs btn-{$alert->getSeverity()}">{$alert->getLinkText()}</button>{/if}</a>
+									</li>
+									{foreachelse}
+									<li>
+										<a href="javascript:;">{lang key='notificationsnone'}</a>
+									</li>
+									{/foreach}
+								</ul>
+							</li>
+						</ul>
+					</li>
+				{/if}
+				<!-- Locales -->
+				{if $languagechangeenabled && count($locales) > 1}
+					<li style="border-right:none" class="list-inline-item lang-btn">
+						<button type="button" class="btn" data-toggle="modal" data-target="#modalChooseLanguage">
+							{if $languagechangeenabled && count($locales) > 1}
+							<span class="d-inline-block align-middle">
+								<span class="d-block iti-flag {if $activeLocale.countryCode === '001'}us{else}{$activeLocale.countryCode|lower}{/if}"></span>
+							</span>
+							<span class="d-none d-sm-block">{$activeLocale.localisedName}</span>{/if}{if $languagechangeenabled && count($locales) > 1 && $currencies && !$loggedin}&nbsp;|&nbsp;{/if}{if !$loggedin && $currencies}{$activeCurrency.prefix} {$activeCurrency.code}{/if}
+						</button>
+					</li>
+				{/if}
+				
+				{else}
+				<!-- Currency Menu -->
+				{if $languagechangeenabled && count($locales) > 1 || $currencies}
+						<li style="border-right:none; padding-right: 0px; margin-right: 7px;" class="list-inline-item lang-btn">
+							<button type="button" class="btn" data-toggle="modal" data-target="#modalChooseLanguage">
+								{if $languagechangeenabled && count($locales) > 1}
+								<span class="d-inline-block align-middle">
+									<span class="d-block iti-flag {if $activeLocale.countryCode === '001'}us{else}{$activeLocale.countryCode|lower}{/if}"></span>
+								</span>
+								<span class="d-none d-sm-block">{$activeLocale.localisedName}</span>{/if}
+								    {if $languagechangeenabled && count($locales) > 1 && $currencies && !$loggedin}&nbsp;|&nbsp;{/if}
+								    {if !$loggedin && $currencies}{$activeCurrency.prefix} {*   {$activeCurrency.code}  *} {/if}
+							</button>
+						</li>
+				    {/if}
+				{/if}
+				<!-- Shopping Cart -->
+				{if $themesettings.orderform.orderopc != '1'}
+				    {if $templatefile != 'order'}
+					<li style="border-right:none;" class="list-inline-item">
+						<a href="{$WEB_ROOT}/cart.php?a=view">
+							<i style="color:white" class="fal fa-shopping-cart"></i> {if $cartitemcount > 0}<span class="badge up badge-primary">{$cartitemcount}</span>{/if}
+						</a>
+					</li>
+				    {/if}
+				{/if}
+
+				<!-- Contact -->
+				<li data-menuitemname="Contact Us" class="list-inline-item" style="border:0;">
+				    <a class="nav-link" href="/contact.php">
+				        <!-- <i class="fas fa-paper-plane mr-0 list-inline-item" title="Kontakt"></i> -->
+					<i style="color:white;" class="fas fa-paper-plane mr-0 list-inline-item" title="Kontakt"></i>
+				    </a>
+				</li>
+				<!-- Support Menu -->
+				<li data-menuitemname="Contact Us" class="list-inline-item" style="border:0;">
+				    <a class="nav-link" href="/support">
+				        <!-- <i class="fas fa-paper-plane mr-0 list-inline-item" title="Support"></i> -->
+					<i style="color:white;" class="fas fa-question mr-0 list-inline-item" title="Kontakt"></i>
+				    </a>
+				</li>
+
+				<!-- Support Menu old
+				<li style="margin-left: 0px; border-right:0;" data-menuitemname="Support" class="dropdown list-inline-item">
+				        <a style="color:white; padding: 2px;" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="#">
+				        	<i style="color:white" class="fas fa-question mr-0 list-inline-item" title="Support"></i>
+				        </a>
+				        <ul style="color: white;" class="dropdown-menu">
+    					    <li class="mega-menu">        	
+				                <div class="menu-small-box ">
+				                    <div class="item-with-icons">
+					                    <span class="item-icon">
+					                        <i style="color: #1B5F8F;" class="far fa-life-ring"></i>
+					                    </span>
+					                    <h4 class="menu-name">Unser Support<span>Nehmen Sie mit uns Kontakt auf,<br>wir helfen Ihnen gerne</span></h4>
+				                    </div>
+				                </div>
+					    </li>
+				    	    <li data-menuitemname="Support-Tools">
+				    		<a class="nav-link" href="/supporttools.php">
+				                    <span style="color: #1B5F8F;" class="item">Fernwartung</span>
+				        	</a>
+				    	    </li>
+
+				    	    <li data-menuitemname="Software Downloads">
+				    		<a class="nav-link" href="/index.php?rp=/download">
+				                    <span style="color: #1B5F8F;" class="item">Software Downloads</span>
+				        	</a>
+				    	    </li>
+
+
+				    	    <li data-menuitemname="Ticket eröffnen">
+				    		<a class="nav-link" href="/submitticket.php">
+				                    <span style="color: #1B5F8F;" class="item">Ticket eröffnen</span>
+				        	</a>
+				    	    </li>
+					    <li data-menuitemname="Announcements">
+				        	<a class="nav-link" href="/announcements.php">
+				            	    <span style="color: #1B5F8F;" class="item">News</span>
+				        	</a>
+				    	    </li>
+				    	    <li data-menuitemname="Knowledgebase">
+				        	<a class="nav-link" href="/knowledgebase.php">
+				            	    <span style="color: #1B5F8F;" class="item">Knowledgebase</span>
+				        	</a>
+				    	    </li>
+				        </ul>
+				</li>
+				-->
+				<!-- Account Menu -->
+				<li style="border:0;" data-menuitemname="Account" class="list-inline-item dropdown">
+				    <a style="color:white;" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
+				        <i style="color: white;" class="fas fa-user mr-0" title="Account"></i>
+    				    </a>
+				    <ul class="dropdown-menu dropdown-user">
+				        <li data-menuitemname="Login" class="">
+				            <a href="/clientarea.php" class="dropdown-item">Einloggen</a>
+				        </li>
+				        <li data-menuitemname="Register" class="">
+				            <a href="/register.php" class="dropdown-item">Registrieren</a>
+				        </li>
+				        <li class="dropdown-divider"></li>
+				        <li data-menuitemname="Forgot Password?" class="">
+				            <a href="/index.php?rp=/password/reset" class="dropdown-item">Passwort vergessen?</a>
+    					</li>
+				    </ul>
+				</li>
+
+
+				{if $adminMasqueradingAsClient || $adminLoggedIn}
+					<li style="border-right:none" class="list-inline-item">
+						<a href="{$WEB_ROOT}/logout.php?returntoadmin=1" class="" data-toggle="tooltip" data-placement="bottom" title="{if $adminMasqueradingAsClient}{$LANG.adminmasqueradingasclient} {$LANG.logoutandreturntoadminarea}{else}{$LANG.adminloggedin} {$LANG.returntoadminarea}{/if}">
+							<i class="fal fa-sign-out-alt"></i>
+						</a>
+					</li>
+				{/if}
+			</ul>
+		</div>
+	</div>	
+</div>