ResponsiveDesign-GiftCert Template Issue

[gerryleblanc]

I am using a copy of the ResponsiveDesign-GiftCert.sst so that I may customize it. I picked this template because the name indicates that it is responsive, but I'm finding parts that are not, and it is problematic.

Specifically, this area:

Code: Select all

[-- SC_FORM --]
<table cellpadding="0" cellspacing="0" border="0" width="100%" id="gc_tbl" class="innerleft">
  <tr><td id="gc_email">[-- GiftCertEmailMail --]</td></tr>
  <tr><td id="gc_number">[-- GiftCertNumberAmount --]</td></tr>
  <tr><td id="gc_message">[-- GiftCertToFromMsg --]</td></tr>
</table>


The component output by the [-- GiftCertEmailMail --] tag produces a table (table.giftcert_type) where the user chooses email or USPS gift certificate, and that table is NOT responsive... and is too wide for a smaller mobile device.

Can anyone help me to modify this content or is there some CSS that will make that two-column table responsive? Thanks for any help!

Gerry