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

XF 1.3 Question about responsive design

Discussion in 'Styling and Customization Questions' started by Acid, Feb 17, 2014.

  1. Acid

    Acid Active Member

    Hey guys,

    I currently upgraded our forum from 1.1 to 1.3, so yo know, it's kind of a big change with all the new features for me... :)

    I really love the responsive design, but I can't seem to get it working correctly with one of the banners in my forum's header. Is it possible to resize or completely hide the banner while using the forum via mobile devices (small screens)? I use the <iframe> tag.

    The site URL is http://forum.kajgana.com/

    This is the banner that needs to shrink or disappear when I'm resizing the style...

    This is how the banner looks on small sized screens:

    Any ideas?
  2. Brogan

    Brogan XenForo Moderator Staff Member

  3. Acid

    Acid Active Member

  4. Brogan

    Brogan XenForo Moderator Staff Member

    Create a new css class for your banner and wrap the banner in it.

    Try setting the width to be 100% and see if it resizes automatically.

    If not, use a media query to remove it once the screen width is too small to display it.
    Acid likes this.

Share This Page