header and Nav bar on the bottom of site

davespanzer · Dec 17, 2012

I messed up,

I don't what I did, can anyone help me out. I've spent the last few hours trying to find out where I made the mistake. Its not from installing anything, It has to be something in the templates I just dont know where.

Here is a link to my site, www.europeclan.com

The Moderation bar along with the nav bar and top logo are now on the bottom everywhere on the site.

Been using Xenforo for about a week so ya Im new and making dumb mistakes.

Thanks guys.

Chris D · Dec 17, 2012

Make sure you have this in your PAGE_CONTAINER template:

Code:

<div id="headerMover">
<div id="headerProxy"></div>

I imagine you removed it at some point?

Here's the default PAGE_CONTAINER template if it helps:

Code:

<!DOCTYPE html>
<html id="XenForo" lang="{$visitorLanguage.language_code}" dir="{$visitorLanguage.text_direction}" class="Public {xen:if {$visitor.user_id}, 'LoggedIn', 'LoggedOut'} {xen:if {$sidebar}, 'Sidebar', 'NoSidebar'}" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<xen:hook name="page_container_head">
	<meta charset="utf-8" />
	<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 { display: none !important; }</style></noscript>
	<link rel="stylesheet" href="css.php?css=xenforo,form,public&amp;style={xen:urlencode $_styleId}&amp;dir={$visitorLanguage.text_direction}&amp;d={$visitorStyle.last_modified_date}" />
	<!--XenForo_Require:CSS-->	
	{xen:helper ignoredCss, {$visitor.ignoredUsers}}

	<xen:include template="google_analytics" />
	<xen:include template="page_container_js_head" />
	
	<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="{$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>

<div id="headerMover">
	<div id="headerProxy"></div>

<div id="content" class="{$contentTemplate}">
	<div class="pageWidth">
		<div class="pageContent">
			<!-- main content area -->
			
			<xen:hook name="page_container_content_top" />
			
			<xen:if is="{$sidebar}">
				<div class="mainContainer">
					<div class="mainContent"></xen:if>
						
						<xen:include template="ad_above_top_breadcrumb" />
						
						<xen:hook name="page_container_breadcrumb_top">
						<div class="breadBoxTop">
							<xen:if is="{$topctrl}"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
							<xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
						</div>
						</xen:hook>
						
						<xen:include template="ad_below_top_breadcrumb" />
					
						<xen:hook name="page_container_notices">
						<xen:include template="notices" />						
						</xen:hook>
						
						<xen:hook name="page_container_content_title_bar">
						<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></h1>
								
								<xen:if is="{$pageDescription.content}"><p id="pageDescription" class="muted {$pageDescription.class}">{xen:raw $pageDescription.content}</p></xen:if>
							</div>
						</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="{$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>
			
			<xen:hook name="page_container_breadcrumb_bottom">			
			<div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>
			</xen:hook>
						
			<xen:include template="ad_below_bottom_breadcrumb" />
						
		</div>
	</div>
</div>

<header>
	<xen:include template="header" />
	<xen:edithint template="navigation" />
	<xen:edithint template="search_bar" />
</header>

</div>

<footer>
	<xen:include template="footer" />
</footer>

<xen:include template="page_container_js_body" />

<xen:if is="{$cronLink}"><img src="{$cronLink}" width="1" height="1" alt="" style="display: none" /></xen:if>

</xen:hook>
</body>
</html>

davespanzer · Dec 17, 2012

Hi Chris,
I've got that in there, I even copy and pasted a fresh PAGE_CONTAINER template in to make sure.
: update, I even tried yours but no change.

borbole · Dec 17, 2012

davespanzer said:
Hi Chris,
I've got that in there, I even copy and pasted a fresh PAGE_CONTAINER template in to make sure.
: update, I even tried yours but no change.

I get this when I try to load your forum:

Code:

Forbidden
 
You don't have permission to access / on this server.
 
Additionally, a 403 Forbidden error was encountered while trying to use an ErrorDocument to handle the request.

From the screenshot it looks like you are using a custom style. Try to re-import the xml file again of that style and that should fix whatever is causing your issue. But you should also note that that will undo any extra custom changes that you have applied to the theme yourself.

davespanzer · Dec 17, 2012

Ok, thanks Borbole, I think that's what I'll be doing. Cheers

borbole · Dec 17, 2012

davespanzer said:
Ok, thanks Borbole, I think that's what I'll be doing. Cheers

No problem. Let us know how it will go.

Russ · Dec 17, 2012

It actually appears you either:

have bad css
or removed some css

Specifically referring to this:

#headerMover #header

Adding this:

Code:

#headerMover #header {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

Fixes the bulk of the issue

But I would search #headerMover #header this and look for some missing ; or closing }

Edit looks like you took the long route ;p, hope you made a back up it was an easier fix than redoing your edits

davespanzer · Dec 17, 2012

Thanks guys, I just got things back to normal now. I'm going to be more careful and make a back up

Thanks for the help!

davespanzer · Dec 17, 2012

I was able to replicate the error. If I edit the PAGE_CONTAINER at all, my theme goes to hell. And I have to start all over with a fresh style import.

Must be a bug with the Baisik Xenfocus Theme I have or something. Either way, now I know what causes it.

And thanks again for the input, much appreciated!

header and Nav bar on the bottom of site

davespanzer

Active member

Attachments

Chris D

XenForo developer

davespanzer

Active member

borbole

Well-known member

davespanzer

Active member

borbole

Well-known member

Russ

Well-known member

davespanzer

Active member

davespanzer

Active member

Similar threads

We value your privacy