Display Tables Mobile Responsive?

[tylerm]

Hello,
I want show images with links (same way WooCommerce would display products), 2 per row. The only way I could get it to work is by using '<div class="one-half first">', which displays properly on mobile, but then the products are out of order on desktop where there is room for 2 columns.

Any other way to achieve this?

http://www.garden-view.com/nursery/hedges/

[James]

looks like you have it working ok

but you have a lot of tables inside your ‘<div class=”one-half first”>’,

you only need to keep it simple, like so

<div class="one-half first">

<h3>your title here</h3>
<a href="yourlinkhere"><img src="yourimagehere"></a>
And some text here

</div>

also, use one column set per row

so like

<div class="one-half first">
your info
</div>

<div class="one-half">
your info
</div>

<div class="clearfix"></div>

<div class="one-half first">
your info
</div>

<div class="one-half">
your info
</div>

<div class="clearfix"></div>

...and so on

let me know how that goes

[tylerm]

Thanks, that makes way more sense!

[Author]

Posts