Need Help for Mobile Ad Appearance

[bobwifcon]

When I was opening the discussion forum for ads, the ads from advertisers came quickly.  I ended up with 6 advertisers wanting to place ads on the discussion board.  To accomdate the advertisers, I added a table with 2 rows and 3 columns.    It works great on a desktop view but it doesn't work on mobile.  Some of my advertisers have been with me for years so I want to keep them happy.  My discussion forum is here:

http://www.wifcon.com/discussion/index.php

The ads are all 335 pixels x 100 pixels.  When the board is opened in mobile (samsung 8 plus) the ads in the first column appear and the others do not.  I'm stuck with the placement and the size of the ads.  Someone told me it was possible to have the ads appear one above the other when it is accessed in a moblie device.   Is there anything I can do to make the ads all appear when a mobile device is used?

Thanks.

 

[sound]

have a look at how invision handles similar

rather than  a table using invisions grid system may be better

 

[bobwifcon]

Thank you.  I will give that a try and let you know how it worked.

[bobwifcon]

I now have added the new format to my site at http://www.wifcon.com/discussion/index.php

I have used the Layoud Grids and the Grid Widget like this:    

<div class='ipsGrid'></div>
<div class='ipsGrid ipsGrid_collapsePhone' data-ipsGrid data-ipsGrid-minItemSize='335' data-ipsGrid-maxItemSize='335'>
  <div class='ipsGrid_span4'><>
<img border="0" src="></div>
  <div class='ipsGrid_span4'><a href=>
<img border="0" src="></div>
  <div class='ipsGrid_span4'><a >
<img border="0" src="></div>
    <div class='ipsGrid_span4'><a href=>
<img border="0" src="></div>
</div>

I will add it to my current site in a few moments.  It automatically places the ad on a desktop horizontally with 3 ads across and loads the 4th ad on the second row.  However, it loads the second row directly below the first row with no space between rows.  I see that in the user manual too.  Is there any way to add a space between rows?

BTW, It loads one ad stacked over the other on mobile which is exactly what I need.  Thanks.

[bobwifcon]

Delete