Docs

[eveall]

Alright, so my previous theme was not responsive. I would put two pictures side by side using html code like this:
<table>
<tbody>
<tr>
<td>picture 1</td>
<td>picture 2</td>
</tr>
</tbody>
</table>

That worked for me in the previous theme i used. Now, when the page is viewed on mobile devices the second picture actually extends beyond the page container.

I noticed on the following page that the first table (4×5 grid) works the way I would expect, responsively, where by the pictures contained in the columns and rows, resize so the table stays intact.

But the other example on this same page, scroll down near the bottom, there are two portrait pictures that spill out of the container when resized.

[eveall]

This reply has been marked as private.

[eveall]

I tried using the short code

[column type=”1/2″] Your first piece of content goes here [/column] [column type=”1/2″ last=”true”] Your second content piece of goes here [/column]

This works so it does not spill off the page when it gets to a certain size, but is it possible to keep the table intact, so it does not place the one image below the other image on mobile devices?

Please note that I am not trying to “bump” my post. I am merely attempting different things and would hate for you to suggest this solution and it does not fit my needs. Thanks for your understanding.

[eveall]

OK, I think I figured it out, or have a solution that seems to work for what I need.

I use the block grid short code.

[block_grid type=”two-up”] [block_grid_item] [image src=””] [/block_grid_item] [block_grid_item] [image src=””] [/block_grid_item] [/block_grid]

That keeps the columns in tact all the way down to resizing.

Please note that I am not trying to “bump” my post. I am merely attempting different things and would hate for you to suggest this solution and it does not fit my needs. Thanks for your understanding.

[Rue Nel]

Hello There,

Thanks for writing in! We are just glad that you have figured it out a way to correct the said issue.
We appreciate for letting us know! And yes the block grid is a good way to have column grid which would serve like a table. If you need anything else we can help you with, don’t hesitate to open another thread.

Best Regards.

[Author]

Posts