XF 1.2 Responsive Ad

dabollicks

Active member
Hi

Just managed to secure a site sponsor who wants an image to appear, I'm going to add it into one of the ad templates, most likely the ad_above_breadcrumb template

My question is, how do i make this ad responsive? Im struggling to get my head round the code required

Any help would be great!
 
<style type="text/css">
.refsworld {
width: 320px;
height: 50px;
max-width: 100%;
}

@media(min-width: 484px) {
.refsworld {
width: 468px;
height: 60px;
}
}
</style>
<ins class="refsworld">
<a href="http://www.refsworld.com" title="Refsworld">
<img src="images/refsworld1.gif" alt="Refsworld"/></a>
</ins>

Can you pick apart my code, where am i going wrong?
 
You have explicitly set a width.
Remove that and just do max-width.

I just checked your site and couldn't see the banner in place.
 
Top Bottom