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

XF 1.2 How can I move Page Title to Header?

jacko

Well-known member
#1
I would like to move my Page Title to Header.
Ideally only above certain page width, so it won't break the header on smaller screen size
Screen Shot 2013-09-30 at 14.jpg .
 

Matthew Hawley

Well-known member
#2
Go to PAGE_CONTAINER and look for
Code:
<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>
Copy it and remove it. Save the template.

Go to logo_block and paste it right under
Code:
<div id="logo"><a href="{$logoLink}">
                <span><xen:comment>This span fixes IE vertical positioning</xen:comment></span>
                <img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />
            </a></div>
Go to EXTRA.css and add this:
Code:
.titleBar h1 {
position: absolute !important;
margin-left: 120px !important;
margin-top: 12px !important;
}
You may have to play with the margins to get it exactly where you want it.