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

How to add banner code below the logo

Discussion in 'Styling and Customization Questions' started by pwadm, May 30, 2013.

  1. pwadm

    pwadm Member

    I would like to add 728x90 banner below the logo. I tried adding <div> elements into the ad_header template, but the layout just doesn't work. The banner is rendered on top of the Menu, it looks like it can't reserve space under the logo. I tried specifying width, adding display: block; but couldn't get it to work.
  2. pwadm

    pwadm Member

    This is my current code:

    <div id="logoBlock">
        <div class="pageWidth">
            <div class="pageContent">
                <xen:include template="ad_header" />
                <xen:hook name="header_logo">
                <div id="logo"><a href="{$logoLink}">
                    <span><xen:comment>This span fixes IE vertical positioning</xen:comment></span>
                    <img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />
    <div style="display: block; height: 90px">
                <span class="helper"></span>
    If I replace 'test' with an actual banner code it gets positioned below the logo, but only half of the banner shows up. The other half ends up behind the menu area.
  3. Brogan

    Brogan XenForo Moderator Staff Member

    Try increasing the height of header logo in Style Properties.
  4. pwadm

    pwadm Member

    This had an opposite effect. It gave more room to the logo, and pushed the banner even more below the Menu area.

    The height in properties increases the size of the <div id="logo">, I want to position my banner below the logo area.

    Am I trying to do something non standard? How does one add a banner to the header? There is not enough room next to the logo, when you display on tablets, hence my idea to show it below.
  5. pwadm

    pwadm Member

    This is how it looks like:


Share This Page