<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