Hi kristonweb,
Layouts can definitely get pretty complicated on websites, but you can help address this with some custom CSS:
div#wpforms-61 {
float: left;
width: 56%;
}
This will float your form to the left side of it’s container, putting it next to the image. Here’s a screenshot of how the page should look with that CSS added.
And feel free to change the width (currently 56%) to something smaller — this is what seemed to work best when I tested, but if you notice the form still gets pushed down, you’ll need to decrease that number.
Then, if you’d like this page to also look good on smaller screens I’d suggest adding the media query below. This will cause the form container to go back to full width on small screens.
@media only screen and (max-width: 700px) {
div#wpforms-61 {
float: none;
width: 100%;
}
}
In case it helps, this tutorial will show you the options for adding custom CSS like this to your site.
Last, I would recommend following this tutorial to make your form fields go full width on small mobile devices (easier to use on small screens).
I hope this helps! If you have any questions, could you please let me know?
Thanks! ??
