1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

header and Nav bar on the bottom of site

Discussion in 'Troubleshooting and Problems' started by davespanzer, Dec 17, 2012.

  1. davespanzer

    davespanzer Active Member

    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.
     

    Attached Files:

  2. Chris D

    Chris D XenForo Developer Staff Member

    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>
     
    Jake Bunce and davespanzer like this.
  3. davespanzer

    davespanzer Active Member

    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.
     
  4. borbole

    borbole Well-Known Member

    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.
     
    Jake Bunce and davespanzer like this.
  5. davespanzer

    davespanzer Active Member

    Ok, thanks Borbole, I think that's what I'll be doing. Cheers
     
    borbole likes this.
  6. borbole

    borbole Well-Known Member

    No problem. Let us know how it will go.
     
    davespanzer likes this.
  7. Russ

    Russ Well-Known Member

    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
     
    Jake Bunce, Chris D and davespanzer like this.
  8. davespanzer

    davespanzer Active Member

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

    Thanks for the help!
     
  9. davespanzer

    davespanzer Active Member

    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!
     

Share This Page