• 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

Acid

Active member
#1
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...
banner.JPG

This is how the banner looks on small sized screens:
banner2.JPG

Any ideas?
 

Brogan

XenForo moderator
Staff member
#4
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.