Possible to disable elements on mobile view?

Bump. 4 days and no reply?

Hello,

You can hide all tables on your site by adding the following to WPtouch’s Custom Code field:

<style type="text/css">
    table { display: none; }
</style>

To make it more specific, you could see if there is an ID or class applied to the table and add those to the selector.

E.g., if the table has id=”contact-table”, the code above would read

table#contact-table { display: none }

Thanks,

Martin Kuplens-Ewart
Product Manager, WPtouch

Thanks for the reply Martin!

Downside of your solution is that it will actually remove the table and everything in it.

My website uses a table to show 4 big icons for customers to choose from. When I visit my site via WPTouch, it doesn’t show the table at all. So the icons are also gone.
With your custom code solution, everything between <table> and </table> is removed, also the icons inside the table.

I’ve tried to change the table into a DIV before, but I couldn’t get it to work :(.

My website: https://bit.ly/1GJmWtb

td.redigeren a .image {
  background-image: url('images/redigeren.png');
  background-repeat: no-repeat;
  height: 144px;
  width: 144px;
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  -ms-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
}

<td class="redigeren">
<a href="/redigeren/">
<div class="image"></div>
</a>
</td>

This is the code.
But when WPTouch is active, it gets changed into:

td, th {
  display: table-cell;
  vertical-align: inherit;
}

<td class="redigeren">
<a href="/redigeren/">
<div class="image"></div>
</a>
</td>

Missing a lot of CSS in WPTouch…. ??

My second problem is that my contact form (contact form 7) is also inside a <table>. This is actually shown to big. Which means the menu button (and a few other buttons) don’t work anymore.