XF 1.3 Question about responsive design

[Acid]

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?

 

[Paul B]

See this guide: http://xenforo.com/community/resources/responsive-design.2193/

 

[Acid]

See this guide: http://xenforo.com/community/resources/responsive-design.2193/

I did, thank you Brogan.
Still can't figure it out though... Oh, well, I guess I need to re-read it until I do

 

[Paul B]

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.