Creating horizontal forms

[christian]

Hey @hannahlincoln,

I will give you some custom code to make it responsive but please note that this is the final one. If you need more guidance, you need to hire a third party developer as this is outside the scope of our support.

Below is the code and here’s a screen recording of how I arrived at that code.

 @media (max-width: 1140px) {
    #gm_form_53 > div:nth-child(2), #gm_form_53 > div:nth-child(4), #gm_form_53 > div:nth-child(6) {
        width: 100% !important;
        float: none !important;
    }
    #gm_form_53 >div {
        display: inline !important;
    }
}

Hope that helps and thank you for understanding.

[hannahlincoln]

Completely understand, and thank you for going above and beyond.

Loved the video and it made sense but unfortunately the code didn’t work on the website for some reason.

Thank you anyway.

[christian]

You’re welcome. It should work provided your current CSS does not have any syntax errors. The code I provided does not have an error. Also clear your browser cache.

Thanks.