XF 1.2 How can I move Page Title to Header?


Well-known member
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
Go to PAGE_CONTAINER and look for
<xen:hook name="page_container_content_title_bar">
                        <xen:if is="!{$noH1}">                       
                            <!-- h1 title, description -->
                            <div class="titleBar">
                                {xen:raw $beforeH1}
                                    is="{$h1}">{xen:raw $h1}<xen:elseif
                                    is="{$title}" />{xen:raw $title}<xen:else
                                <xen:if is="{$pageDescription.content}"><p id="pageDescription" class="muted {$pageDescription.class}">{xen:raw $pageDescription.content}</p></xen:if>
Copy it and remove it. Save the template.

Go to logo_block and paste it right under
<div id="logo"><a href="{$logoLink}">
                <span><xen:comment>This span fixes IE vertical positioning</xen:comment></span>
                <img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />
Go to EXTRA.css and add this:
.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.