XF 1.5 Making Top Image Responsive

[TMX]

We want to make the large square graphic on our forum responsive. (it will actually be a long, thin banner style image) but we need it to adjust for mobile.

Is there a way to do this with the default setup or do I need an addon?

Thank you!

 

[Paul B]

Use inline styling and apply max-width:100%.

 

[TMX]

Sorry, I don't quite understand.

In the template ad_below_top_breadcrumb I have the following:

<xen:hook name="ad_below_top_breadcrumb" />


<img src=""></img>

How do I make those changes?

Thanks Brogan

 

[Paul B]

<img src="http://fabricationforum.com/secondarylogo3.jpg" style="max-width: 100%"></img>

 

[TMX]

Ha, Thanks Brogan!

 

[istanbulzoom]

Hello @Brogan

I added an ad banner from another site at the right side of top logo area. And I need responsible resize it on mobile view. How can I fix it?

<xen:hook name="ad_header" />

<div style="float:right; max-width:100%">

<script type='text/javascript'><!--// <![CDATA[
    OA_show(1);
// ]]> --></script><noscript><a target='_blank' href='http://www.webdereklam.com/ad/www/delivery/ck.php?n=43d0535'><img border='0' alt='' src='http://www.webdereklam.com/ad/www/delivery/avw.php?zoneid=1&amp;n=43d0535' /></a></noscript>

</div>

Thank you