XF 1.2 Ad placement to right of logo


Well-known member
This map / location of ad placements is BRILLIANT:

A few issues:

1) In one pic it shows the header ad location and some arrows. I had this same thing happen. What's up with that?

... but my real question is this: How do I get an ad placement to the far right of the logo (right justified) like this:

It just seems that there is a LOT of blank space wasted in that header location and I'd like to put an ad there.

Since my theme is responsive, I could just use conditionals to not show the ad when screen width is below xyz pixels.

Thanks in advance for your ideas!


Well-known member
Thanks for the reply, but I run into two problems:

1) The banner ad is placed above the logo to the right vs. directly to the right of the logo
2) Those weird right pointing arrows are still showing up to the left of the page on the logo (same as the first thumbnail screenshot I posted above)



Well-known member
those appear to be the breadcrumb crumbs which appear to be in the same place they were before except that your header is pushed down covering the breadcrumbs leaving only the arrows exposed.


Well-known member
I'm not really good at this but you would need to set the height something like this.

<div align="right" width="180" height="180"/>
Ad code here


Well-known member
It's odd to me that the default skin and ad location for ad_header causes that to happen. Wouldn't that be considered a bug?


Well-known member
It is not a bug, it is a styling issue. One of two is happening:
1. Your logo + ad is too wide for a single line in the header, so they are placed on two lines.
2. You are missing a clearfix or similar.

You need to use an element inspector to figure out what is happening.
The header area is a fixed height, if you want it higher you need to specify this, as xF will move it to the top with CSS, while the html is at the bottom.


Well-known member
Damn you guys are smart!

First I applied @Steve F 's recommended div and that put the image on the same "line" as the logo.
Next I followed @MagnusB 's suggestions and went to Appearance Styles > Default Style > Style Property Groups >> Style Properties: Header and Navigation and set "Height of Header Logo" to 75 px and BAM, the arrows are gone!

Brilliant work guys!!


Well-known member
The last entry in this post in the FAQ explains how to center it vertically on the right: http://xenforo.com/community/threads/frequently-asked-questions.5183/#post-181037
In that post, you don't say where to place this code, exactly:

How do I place an image or advert in the header on the right and center it vertically?Wrap the contents in a div like so:
<div style="display: block; float: right; line-height: {xen:calc '@headerLogoHeight - 4'}px; *line-height: @headerLogoHeight; height: @headerLogoHeight; vertical-align: middle">
Image or advert code

Where would you?


Active member
I was just looking for this exact thing.

How would I have this like 8wayrun?

I know that the 'Flexile' skin uses this aswell, it'd be a huge help if someone could tell me the code they'd use to get this.


XenForo moderator
Staff member
That is part of the Flexile style.
If you search in the resource discussion thread, you should find the answer.