Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
Ok I'll wait till tomorrow mateYou'd need to edit page_container and move the breadcrumb outside the main content area. I won't be back until tomorrow to give any code.
<xen:if is="@xb_bcmoveout">
<xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
<xen:else />
<div class="breadBoxTop {xen:if $topctrl, withTopCtrl}">
<xen:if is="{$topctrl} AND !@xb_calltoaction"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
<xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
</div>
</xen:if>
</xen:if>
<!-- main content area -->
<div class="pageContent breadBoxTop">
<div class="breadcrumb">
<xen:if is="@xb_bcmoveout">
<xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
<xen:else />
<div class="pageWidth {xen:if $topctrl, withTopCtrl}">
<xen:if is="{$topctrl} AND !@xb_calltoaction"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
<xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
</div>
</xen:if>
</xen:if>
</div>
</div>
<div id="content" class="{$contentTemplate}">
<fieldset class="breadcrumb">[code]
to just:
[code]<fieldset>
<!DOCTYPE html><xen:set var="$isResponsive" value="{xen:if '@enableResponsive AND !{$noResponsive}', 1, 0}" />
<html id="XenForo" lang="{$visitorLanguage.language_code}" dir="{$visitorLanguage.text_direction}" class="Public NoJs XenBase {xen:if {$visitor.user_id}, 'LoggedIn', 'LoggedOut'} {xen:if {$sidebar}, 'Sidebar', 'NoSidebar'} {xen:if @xb_boxed_layout, 'xbBoxedStyle'} {xen:if @xb_widen, 'xbWideStyle'} {xen:if @xb_leftSidebar, 'LeftSidebar', 'RightSidebar'} {xen:if $hasAutoDeferred, RunDeferred} {xen:if $isResponsive, Responsive, NoResponsive}" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<xen:hook name="page_container_head">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
<xen:if is="{$isResponsive}">
<meta name="viewport" content="width=device-width, initial-scale=1" />
</xen:if>
<xen:if is="{$requestPaths.fullBasePath}">
<base href="{$requestPaths.fullBasePath}" />
<script><xen:comment>/* Chrome bug and for Google cache */</xen:comment>
var _b = document.getElementsByTagName('base')[0], _bH = "{xen:jsescape $requestPaths.fullBasePath}";
if (_b && _b.href != _bH) _b.href = _bH;
</script>
</xen:if>
<title><xen:if is="{$title}">{xen:raw $title} | {$xenOptions.boardTitle}<xen:else />{$xenOptions.boardTitle}</xen:if></title>
<noscript><style>.JsOnly, .jsOnly { display: none !important; }</style></noscript>
<link rel="stylesheet" href="css.php?css=xenforo,form,public&style={xen:urlencode $_styleId}&dir={$visitorLanguage.text_direction}&d={$visitorStyle.last_modified_date}" />
<!--XenForo_Require:CSS-->
<xen:require css="xb.css" />
<xen:if is="@xb_web_font">
@xb_web_font_link
</xen:if>
<xen:if is="@xb_fontAwesome">
<link rel="stylesheet" href="{$requestPaths.fullBasePath}@xb_fontAwesomeLink">
</xen:if>
<xen:if is="@xb_fontAwesome_useCDN">
@xb_fontAwesome_CDN
</xen:if>
{xen:helper ignoredCss, {$visitor.ignoredUsers}}
<xen:include template="google_analytics" />
<xen:include template="page_container_js_head" />
<link rel="apple-touch-icon" href="{xen:helper fullurl, @ogLogoPath, 1}" />
<link rel="alternate" type="application/rss+xml" title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}" href="{xen:link forums/-/index.rss}" />
<xen:if is="{$pageDescription.content} AND !{$pageDescription.skipmeta} AND !{$head.description}"><meta name="description" content="{xen:string wordTrim, {xen:helper stripHtml, {xen:raw $pageDescription.content}}, 200}" /></xen:if>
<xen:if is="{$head}"><xen:foreach loop="$head" value="$headElement">{xen:raw $headElement}</xen:foreach></xen:if>
</xen:hook>
</head>
<body{xen:if {$bodyClasses}, ' class="{$bodyClasses}"'}>
<xen:hook name="body">
<xen:if is="@xb_offcanvas_menu OR @xb_offcanvas_sidebar">
<div class="xbOffCanvasContainer">
</xen:if>
<xen:if is="@xb_user_bar AND !@xb_user_panel_header">
<xen:if is="{$visitor.user_id}">
<xen:include template="moderator_bar" />
<xen:elseif is="!{$visitor.user_id} && !{$hideLoginBar}" />
<xen:include template="login_bar" />
</xen:if>
<xen:else />
<xen:if is="{$visitor.is_moderator} || {$visitor.is_admin}">
<xen:include template="moderator_bar" />
<xen:elseif is="!{$visitor.user_id} && !{$hideLoginBar}" />
<xen:include template="login_bar" />
</xen:if>
</xen:if>
<xen:if is="@xb_top_bar_enable"><xen:include template="xb_top_bar" /></xen:if>
<div class="xbBodyhelper"></div>
<xen:if is="@xb_boxed_layout"><div class="xbBoxed"></xen:if>
<div id="headerMover">
<header>
<xen:include template="header" />
<xen:edithint template="navigation" />
<xen:edithint template="search_bar" />
</header>
<div class="pageContent breadBoxTop">
<fieldset> <xen:if is="@xb_bcmoveout">
<xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
<xen:else />
<div class="pageWidth {xen:if $topctrl, withTopCtrl}">
<xen:if is="{$topctrl} AND !@xb_calltoaction"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
<xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
</div>
</xen:if>
</xen:if>
</div>
</div>
<div id="content" class="{$contentTemplate}">
<div class="<xen:if is="@xb_widen">pageContent<xen:else />pageWidth</xen:if>">
<div class="<xen:if is="@xb_widen">pageWidth<xen:else />pageContent</xen:if>">
<xen:if is="{xen:property xb_content_helper}"><div class="xbContenthelper"></div></xen:if>
<xen:include template="ad_top_content" />
<!-- main content area -->
<xen:hook name="page_container_content_top" />
<xen:if is="{$sidebar}">
<xen:if is="@xb_stickySidebar"><div class="xbContentWrapper"></xen:if>
<div class="mainContainer">
<div class="mainContent"></xen:if>
<xen:include template="ad_above_top_breadcrumb" />
<xen:hook name="page_container_breadcrumb_top">
<xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
<xen:else />
<xen:if is="!@xb_bcmoveout">
<div class="breadBoxTop {xen:if $topctrl, withTopCtrl}">
<xen:if is="{$topctrl} AND !@xb_calltoaction"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
<xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
</div>
</xen:if>
</xen:if>
</xen:hook>
<xen:include template="ad_below_top_breadcrumb" />
<!--[if lt IE 8]>
<p class="importantMessage">{xen:phrase you_are_using_out_of_date_browser_upgrade}</p>
<![endif]-->
<xen:hook name="page_container_notices">
<xen:include template="notices" />
</xen:hook>
<xen:hook name="page_container_content_title_bar">
<xen:if is="@xb_noH1 && {$contentTemplate} == 'forum_list'">
<xen:else />
<xen:if is="!{$noH1}">
<!-- h1 title, description -->
<div class="titleBar">
{xen:raw $beforeH1}
<h1><xen:if
is="{$h1}">{xen:raw $h1}<xen:elseif
is="{$title}" />{xen:raw $title}<xen:else
/>{$xenOptions.boardTitle}</xen:if>
<xen:if is="{$topctrl} AND @xb_calltoaction"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
</h1>
<xen:if is="{$pageDescription.content}"><p id="pageDescription" class="muted {$pageDescription.class}">{xen:raw $pageDescription.content}</p></xen:if>
</div>
<xen:else />
<xen:if is="{$topctrl} AND @xb_calltoaction"><div class="topCtrl xbTopCtrl">{xen:raw $topctrl}</div></xen:if>
</xen:if>
</xen:if>
</xen:hook>
<xen:include template="ad_above_content" />
<!-- main template -->
{xen:raw $contents}
<xen:include template="ad_below_content" />
<xen:if is="!{$visitor.user_id} && !{$hideLoginBar}">
<!-- login form, to be moved to the upper drop-down -->
<xen:include template="login_bar_form" />
</xen:if>
<xen:if is="@xb_bcbottomshift">
<xen:hook name="page_container_breadcrumb_bottom">
<xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
<xen:else />
<div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>
</xen:if>
</xen:hook>
</xen:if>
<xen:if is="{$sidebar}"></div>
</div>
<!-- sidebar -->
<aside>
<div class="sidebar">
<xen:hook name="page_container_sidebar">
<xen:include template="ad_sidebar_top" />
<xen:if is="!{$noVisitorPanel}"><xen:include template="sidebar_visitor_panel" /></xen:if>
{xen:raw $sidebar}
<xen:include template="ad_sidebar_bottom" />
</xen:hook>
</div>
</aside>
<xen:if is="@xb_stickySidebar"></div></xen:if>
</xen:if>
<xen:if is="@xb_offcanvas_sidebar AND @xb_offcanvas_sidebar_button"><a onclick="return false;" href="#" class="button xbOffCanvasSidebarToggle" />{xen:phrase show} {xen:phrase style_property_sidebar_master}</a></xen:if>
<xen:if is="!@xb_bcbottomshift">
<xen:hook name="page_container_breadcrumb_bottom">
<xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
<xen:else />
<div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>
</xen:if>
</xen:hook>
</xen:if>
<xen:if is="@xb_scroll_buttons OR @xb_scroll_down_on">
<xen:include template="xb_scroll_buttons" />
</xen:if>
<xen:include template="ad_below_bottom_breadcrumb" />
</div>
</div>
<xen:if is="@xb_welcome_bar AND !{$visitor.user_id}">
<xen:include template="xb_welcome_bar" />
</xen:if>
</div>
</div>
<footer>
<xen:include template="footer" />
</footer>
<xen:if is="@xb_boxed_layout"></div></xen:if>
<xen:if is="@xb_mobile_bar"><xen:include template="xb_mobile_bar" /></xen:if>
<xen:if is="@xb_offcanvas_menu OR @xb_offcanvas_sidebar">
<div class="xbOffCanvasContent xbOffCanvasMask"></div>
<xen:include template="xb_offcanvas_menu" />
</div>
</xen:if>
<xen:include template="page_container_js_body" />
<!--XenBase Current Version : @xb_parent_version -->
<!--Style Version : @xb_style_version -->
<xen:if is="{$isIndexPage} AND {$canSearch}">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "{xen:jsescape {xen:link canonical:index}}",
"potentialAction": {
"@type": "SearchAction",
"target": "{xen:jsescape {xen:link canonical:search/search}}{xen:if $xenOptions.useFriendlyUrls, '?', '&'}keywords={search_keywords}",
"query-input": "required name=search_keywords"
}
}
</script>
</xen:if>
</xen:hook>
</body>
</html>
<xen:if is="!@xb_bcbottomshift">
<xen:hook name="page_container_breadcrumb_bottom">
<xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
<xen:else />
<div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>
</xen:if>
</xen:hook>
</xen:if>
<div class="pageContent breadBoxBottom">
<div class="breadcrumb">
<xen:if is="!@xb_bcbottomshift">
<xen:hook name="page_container_breadcrumb_bottom">
<xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
<xen:else />
<div class=""><xen:include template="breadcrumb" /></div>
</xen:if>
</xen:hook>
</xen:if>
</div>
</div>
<footer>