XF 1.2 How can I move Page Title to Header?

[jacko]

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
.

 

[Matthew Hawley]

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}
                                <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

<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:

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