- Posts
I can create a photo gallery with two columns. I’d like to title each column. In my case it’s a simple “Before” and “After”.
I can do this fine for PC view. I can format the text to be centered over each column.
In phone view I find the two columns lose width control and cause the row they occupy to behave as two rows. The photos themselves blow the text fit fine as two columns.
I can cheat by making images containing the words “before” and “after”, but I’d like a proper way to do this.
Do you have a gallery function that will create two columns of photos that can have column text headers that resize properly? Even better, can you do that with the added ability to click on an image, have the image go full screen, and then restore the original site view when the full screen image is clicked?
Thanks,
Ric
Hello,
The BoldGrid blocks are responsive so generally if you separate the images into separate columns those columns may be rendered differently on a mobile device which a different size screen. The simplest way to do this would be to instead include both images in a single column using an HTML table, You can find more info about creating tables here. For making the images for full screen you can use something like lightbox or fancybox, there are several plugins you can find for both here.
Best Regards,
KyleM
- The topic ‘Photo Gallery Two Column Header Text Fails in Phone View’ is closed to new replies.
