Hello,
I am stuck on one theme customisation where I am using the wonderful PageBuilder. IN a nutshell I have 4 rows, each row has two column configuration. Left is an image, right is some text, below that is text and image, and so on.
Responsively I would like to keep both the text and image containers equal heights as they shrink until breakpoint at which point they stack. I am already using table display header and footer groups to reverse some of the stacks so they look neat on mobile, but my issue is when shrinking the text box increases in size and the image decreases leaving a massive gap below the images until they hit that breakpoint and stack.
I know by using equal heights on both containers the image should, in theory, cover the image container always producing a clean look.
Does PageBuilder support such a trick?
PS> SIteOrigin are awesome! lol
This is a private message.
Hi Adi,
No I didn't but I did find a plugin for WordPress:
https://wordpress.org/plugins/equal-height-columns/
As for your responsive columns, I would imagine you will need to add in some media queries to handle that.
You can find me here: http://bhambrabland.co.uk
*–*
*Regards*
Richard Bland
—
*CV:* Click to download
<http://www.bhambrabland.co.uk/wp-content/uploads/2015/05/Richard-Bland-CV.pdf>
*Web**:* bhambrabland.co.uk
Richard,
Thank you. I will check out that WordPress plugin.
Best,
Adi
Email me any time if you need some pointers on responsive techniques too.
I've been tweaking WordPress sites for years now. You'll find my email details on my holding site I sent the link for.
*–*
*Regards*
Richard Bland
—
*CV:* Click to download
<http://www.bhambrabland.co.uk/wp-content/uploads/2015/05/Richard-Bland-CV.pdf>
*Web**:* bhambrabland.co.uk
Thank you. I may just do.
Adi
Hi Richard
Thanks for your contributions here, much appreciated :)