Hello,
I’m fairly certain the columns are responsive. You can tell because their width adjusts to the width of the browser window.
However, what is happening with your contact page; is there is no break-point set to drop one below the other, only below certain browser widths.
You can add some conditional formatting to your CSS file; which can manipulate the columns to break at certain resolutions.
If you look at the page source, you will see each column has a class name. They are “jwl_one_third” and “jwl_two_third”.
Using a CSS rule like:
@media screen and (max-width: 1024px){
.jwl_one_third {
width: 90%;
display: block;
}
.jwl_two_third {
width: 90%;
display: block;
}
}
This will cause the columns to display at 90% width, block level elements, ONLY when the screen width is at or below 1024 pixels.
Learn more about CSS Media Queries.
