1. Shopin
  2. Friday, 24 August 2018
Hey Guys,

if i add a responsive table in a Blog-Article, the Article is displayed on Smartphones oversized... (See Screenshot)


<div class="table-responsive">
<table class="table table-striped model-variants">
<thead>
<tr>
<th scope="col" class="model-variants-model">Part</th>
<th scope="col" class="model-variants-model">Rated Load</th>
<th scope="col" class="model-variants-ivr">Input Voltage</th>
<th scope="col" class="model-variants-op">Output Voltage</th>
<th scope="col" class="model-variants-ov">Output Current<br />(full load)</th>
<th scope="col" class="model-variants-fpsmin">Power Factor<br />(full load)</th>
</tr>
</thead>
<tbody>
<tr>
<td>lorem ipsum</td>
<td>lorem ipsum</td>
<td>lorem ipsum</td>
<td>lorem ipsum</td>
<td>lorem ipsum</td>
<td>lorem ipsum</td>
</tr>
<tr>
<td>lorem ipsum</td>
<td>lorem ipsum</td>
<td>lorem ipsum</td>
<td>lorem ipsum</td>
<td>lorem ipsum</td>
<td>lorem ipsum</td>
</tr>
</tbody>
</table>
</div>
Attachments (1)
Responses (1)
Hi,
Shopin is based on bootstrap 3, so we cannot help more.
The only available styles are here:
http://bootstrapdocs.com/v3.3.6/docs/css/#tables

we didn't touch table CSS in that template, so it still use raw bootstrap css only.
  1. more than a month ago
  2. Shopin
  3. # 1


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.