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

Discussion in 'Styling and Customization Questions' started by jacko, Sep 30, 2013.

  1. jacko

    jacko 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 .
  2. Matthew Hawley

    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.
    jacko likes this.

Share This Page