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

XF 1.5 Making Top Image Responsive

Discussion in 'Styling and Customization Questions' started by TMX, Feb 15, 2016.

  1. TMX

    TMX New Member

    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!
     
    Last edited: Feb 15, 2016
  2. Brogan

    Brogan XenForo Moderator Staff Member

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

    TMX New Member

    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
     
    Last edited: Feb 15, 2016
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Code:
    <img src="http://fabricationforum.com/secondarylogo3.jpg" style="max-width: 100%"></img>
     
    rafass likes this.
  5. TMX

    TMX New Member

    Ha, Thanks Brogan!
     
  6. istanbulzoom

    istanbulzoom Member

    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?

    Code:
    <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
     
    Last edited: Jul 19, 2016

Share This Page