Hello,

The page is under construction mode so i can not check it’s code, however, please try adding this custom css in the page’s custom code box (gear icon on top-right corner):

.vc_col-sm-8 {
    width: 65% !important;
}

Let us know how it goes.

Best regards!

Hello,

The contact form is itself inside a row. This gives it tha css class of an full width column. See screenshot: https://postimg.org/image/7yxn9onua3/

So instead of putting all elements inside an inner row in the first column, just add them all in the column. Remove the inner row.
Screenshot: https://postimg.org/image/8f9xbe3isr/
So that the column’s css classes can take effect.

Best regards!

Hello,

I can see what you mean. It’s indeed strange. The second column is set inside the first one when the contact form is entered. So reducing the 2/3 column width, will not result in more space for the 1/3 column. Like it should be normally.
I can’t tell for sure why is this happening,(most probably a css conflict from the additional plugins) but i managed to set up a work around page for you. Please check here: https://globimus.com/clearpathalerts/contact-test/
Let us know.

Best regards!

Hello,

From the page you pasted, i don’t see such aligning. The right elements are shown before the contact form. But there is a margin that mixes the two together. You can avoid it by adding this custom css:

@media (max-width: 840px){
div.wpcf7 {
    margin-top: -110px !important;
}}

Result screenshot: https://postimg.org/image/986rhg6lqz/
Let us know.

Best regards!

Hello,

Do you perhaps have any cache plugin installed? Please flush site’s cache and server’s cache first. if you still can not see the changes, send us some valid wp credentials in a private reply. So we can give it a closer look.

Best regards!