<header class="@(rootId.GetPropertyValue<bool>("fixed") ? "fixed" : "normal2")">
<div class="mobileMenuHeightSpacer"></div>
<div class="@(rootId.GetPropertyValue<bool>("container") ? "container" : "container-fluid")">
<div class="headerContent">
<div class="row">
<div class="col-xl-12 megamenuHolder">
<div class="menuHolder">
@Html.Partial("Menu", Model, new ViewDataDictionary { { "logo", logoUrl } })
@Html.Partial("MenuMobile", Model, new ViewDataDictionary { { "logo", logoUrl } })
</div>
<div class="megaMenu">
@foreach (var page in Umbraco.TypedContent(1075).Children)
{
<p>@page.Name</p>
<span>
@foreach (var subpage in page.Children)
{
<p>@subpage.Name</p>
}
</span>
}
</div>
</div>
@if (rootId.HasValue("knapper"))
{
<div class="col-xl-2">
<div class="buttonHolder">
@{
var headerLinks = rootId.GetPropertyValue<RelatedLinks>
("knapper");
if (headerLinks.Any())
{
foreach (var item in headerLinks)
{
var linkTarget = (item.NewWindow) ? "_blank" : null;
<a href="@item.Link" target="@linkTarget">@item.Caption</a>
}
}
}
<a href="tel:@rootId.GetPropertyValue("telefon")"><i class="fas fa-phone"></i> @rootId.GetPropertyValue("telefon")</a>
</div>
</div>
}
</div>
</div>
</div>
</header>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter