On a responsive, Bootstrap-compliant WP theme, I have been trying - unsuccessfully - to align an image to the left of the form and keep both the image and form together as the screen narrows.
The image is a tall, skinny one - 100px wide and 600px high - and it looks fine at viewports above 1200px wide. But when I reduce the window width to invoke the theme's responsiveness, the form fields jump down, leaving the image in isolation.
I've tried, with CSS, different form field widths and percentages but they always jump, even when there is plenty of space for them to stay aligned with the image. I've also tried putting the image and form in the same DIV but I couldn't change this behaviour.
With no image, the fields adjust nicely in responsive mode and don't jump about.
How can I force the form to stay attached to the image?
Thanks for any help.