F5 responsive tables: horizontal scroll is not visible <p>I used <a href="http://foundation.zurb.com/responsive-tables.html" rel="nofollow noreferrer">Foundation 5 Responsive Table</a>. But I have this:</p> <p><a href="https://i.stack.imgur.com/PIdBB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PIdBB.png" alt="enter image description here"></a></p> <p>If I understood examples, in the bottom of the 1st columns should be horizontal scroll (for mobile). But I can't move it. I can move content only in the right side.</p> <p>How to fix this problem?</p> <p>My code:</p> <pre><code>&lt;h3&gt;&lt;?php print t('Organization’s contact person'); ?&gt;&lt;/h3&gt; &lt;table class="responsive" summary="&lt;?php print t('Organization’s contact person'); ?&gt;"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th scope="column"&gt;&lt;?php print t('Contact person'); ?&gt;&lt;/th&gt; &lt;th scope="column"&gt;&lt;?php print t('Country'); ?&gt;&lt;/th&gt; &lt;th scope="column"&gt;&lt;?php print t('City'); ?&gt;&lt;/th&gt; &lt;th scope="column"&gt;&lt;?php print t('Street'); ?&gt;&lt;/th&gt; &lt;th scope="column"&gt;&lt;?php print t('Email'); ?&gt;&lt;/th&gt; &lt;th scope="column"&gt;&lt;?php print t('Phone'); ?&gt;&lt;/th&gt; &lt;th scope="column"&gt;&lt;?php print t('Other'); ?&gt;&lt;/th&gt; &lt;th scope="column"&gt;&lt;?php print t('Image'); ?&gt;&lt;/th&gt; &lt;th scope="column"&gt;&lt;?php print t('Body'); ?&gt;&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td scope="row"&gt; &lt;?php print render($content['field_dir_surname']); ?&gt; &lt;?php print render($content['field_dir_name']); ?&gt; &lt;?php print render($content['field_dir_second_name']); ?&gt; &lt;/td&gt; &lt;td scope="row"&gt; &lt;?php isset($content['field_country_list']) ? print render($content['field_country_list']) : print '-'; ?&gt; &lt;/td&gt; &lt;td scope="row"&gt; &lt;?php isset($content['field_city']) ? print render($content['field_city']) : print '-'; ?&gt; &lt;/td&gt; &lt;td scope="row"&gt; &lt;?php print render($content['field_street']); ?&gt; &lt;?php print render($content['field_building_no']); ?&gt; &lt;/td&gt; &lt;td scope="row"&gt; &lt;?php isset($content['field_email']) ? print render($content['field_email']) : print '-'; ?&gt; &lt;/td&gt; &lt;td scope="row"&gt; &lt;?php isset($form['field_phone']) ? print render($form['field_phone']) : print '-'; ?&gt; &lt;/td&gt; &lt;td scope="row"&gt; &lt;?php isset($form['field_other']) ? print render($form['field_other']) : print '-'; ?&gt; &lt;/td&gt; &lt;td scope="row"&gt; &lt;?php isset($content['field_image']) ? print render($content['field_image']) : print '-'; ?&gt; &lt;/td&gt; &lt;td scope="row"&gt; &lt;?php isset($content['body']) ? print render($content['body']) : print '-'; ?&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;div&gt;&lt;?php print render($content['field_share_content']); ?&gt;&lt;/div&gt; </code></pre>