Solved Ticket Ads

[tfmore]

Please fill in the following so we can better assist you

Website address: www.lancebase.com
Style in question(if any): FA+

Hi Russ,
I'm sure I don't have to tell you that we're new to the XF platform. We dove in some months ago, learning quite a bit along the way. We thought we'd chosen the best company to work with in regard to the customization of our newly created board, we were very wrong. Before we realized this however, we'd invested quite a bit of money into their products. We were forced to start over so-to-speak, which is miserable since we were all but ready to launch using said products. The good news is we found PixelExit. I hope you're able to bear with us as we get things back on track.

Not having those products work their magic automatically means we face adjusting some things manually. I think that may be the problem were having with our Header Advertisement. When we were running UI.X paired with Ad Monetize Pro, UI.X must have positioned both the Logo and the Ad at the same height, as so they have equal space both above and below. We had a custom version of Ad Monetize Pro created, which is working perfectly, but as you can see the Ad is sitting higher than the Logo. In addition, if you shrink your Window horizontally until they 'stack', you'll notice that the Ad stacks atop the Logo, but we'd like it to fall below the Logo.

My question to you is; can either of these be adjusted with FA+ settings? If not, but you are familiar with the best way to go about accomplishing this, may we compensate you for sharing the knowledge?

Thank you

 

[Russ]

Welcome to the light side

How is the ad being added now, is it targeting that ad_header template do you know? Or a specific hook? Few suggestions...

open: logo_block,

find this:

<xen:if is="@xb_user_panel_header"><xen:include template="xb_user_panel" /><xen:else /><xen:include template="ad_header" /></xen:if>

Move right above:

<span class="helper"></span>

Assuming your ad plugin is using that template or the hook in it it should drop below the logo in responsive. Additionally you may want to remove what's called "headerproxy". Long story short... XF loads the header at the bottom of the page and moves it up using CSS. So... if you add any extra spacing in mobile view such as an ad below the logo it'll cover the content area. To remove this, go to: Style Properties -> [XB] Header and Navigation -> Remove HeaderProxy

To space it a little... in your css:

.funzone.field_right {
  float: right;
  margin-top: 5px;
}

You have the float: right; already, add that margin-top: 5px to it.

Let me know if you need anything else.

 

[tfmore]

Can't tell you how relived we were to read your response, Russ. It really does feel like we've found the light side. The money spent was a small price to pay in the grand scheme of things. Although damaging to our budget, had this happened farther down the road it could have been much worse I suppose.

It's great that you mentioned how the Removal of the HeaderProxy may clear up some of the overlapping of the content, because that was a follow up question that I was just going to send over to you. We noticed the overlapping when viewing the site in mobile, both portrait and landscape modes. After removing it as you instructed, it sure did clear up.

By the time we realized the mistake we'd made in working with those folks, the site was already dependent on UI.X, Ad Monetize Pro and few other Addons. We literally built everything around those products. So we really needed to keep using atleast the Ad Monetize Pro Addon, but at the same time couldn't stomach the thought of endorsing them in any fashion. It was recommended by a gentleman from XF that since we'd already purchased their Brand Removal (the $200.00 one, unaware of the $50.00 one), and that the license allowed for altering the code, to just re-brand a new version for our own use. We did just that, and that is what is presenting the Ad you see in the Header now. The LanceBase Ad Monetize Pro Addon if you will. As I mentioned before, we'd never used it without UI.X doing it's thing in the background, so we're trying to remedy these new issues in hopes of getting it to function how it did before.

I feel we may not even need to do all that much adjusting to the Header Ad, were we able to get both the Logo and the Ad to 'shrink' in a responsive manner. Meaning, with UI.X and Ad Monetize Pro, both the Logo and Ad would begin to shrink individually the moment they touched edges while shrinking the browser window horizontally. They never stacked upon touching like they do now, not until the window became much smaller. Is there a way to make them decrease in size again like that? If we can get them back to doing that, then make the height adjustments you posted, we'd be all squared away.

I feel bad dropping all this back story on you, let alone having to involve you with another companies addons. Please let me know if any of this ventures into the realm of paid customization.

Continued thanks

 

[Russ]

Ya I'm a little confused by some of their pricing setups but then again I don't pay much attention. Sorry it's caused some trouble for you.

So how would you want this to work, right now it just drops the logo below the ad, you're wanting to shrink the logo and the ad so they can sit side by side? Wouldn't it be better to just get the ad dropping below the logo when they can't fit?

 

[tfmore]

Hi Russ,
Yes I do believe it would be better to have the Ad drop below the Logo when they can fit, but if you pull the site up on your phone, then turn the screen on it's side to Landscape view, you'll see the issue with that. I think they'll need to shrink rather than stack in atleast this one view won't they?

 

[Russ]

So I'd do my instructions in post #2, moving that ad template first. I think I'll make this adjustment on a xenbase level because there's really not a good reason for having that ad template above the logo(default in xenforo).

Next can you try this in your extra.css:

.funzone.field_right
{
   float: right;
   margin-top: 5px;
}
.XenBase #logoBlock #logo img
{
  max-height: 75px;
}
@media (max-width:770px)
{
   #logoBlock .pageContent #logo, #logoBlock .pageContent .funzone
   {
     float: none;
     text-align: center;
     margin: 0px auto 10px;
     display: block !important;
   }
}

I think we can make some adjustments on XenBase to help with this and do the work for you in a future release. Let me know if that works for you, this doesn't resize the logo but it will drop the ads appropriately and center them.

 

[tfmore]

Russ,
Everything is going just perfect so far. While testing in different Ad zones something else caught my eye, thought I may as well ask while we're in the area. When in Tablet size view the XF Sidebar stays the same width as if it were still in Mobile view, very narrow compared to the content above. Is there a xenbase option to have it widen to the width of the page?

 

[Russ]

Go to: Style Properties -> [XB] Sidebar, in the "Responsive Sidebar" set that to 1

 

[tfmore]

Roger that. Thank you.