Form Results - single column

User 2686783 Photo


Registered User
83 posts

I am working on a form in Web Form Builder where the answers are usually quite long - think paragraphs. I would like to use the RED special element Form Results in the confirmation email. However, since the answers are so long, it would look better if, even when viewing on a desktop, the results were in one column, questions followed by the answers. Currently, Form Results does that when you view it on a mobile phone (changes at around 600px). How can I make it always look the way it does on mobile? I am using Lilac Confirmation from Web Form Builder to start with and then changing colors, etc.

Dee



User 187934 Photo


Senior Advisor
18,081 posts

Hi Dee,
I bet you can alter the confirmation by commenting out the media queries for the 600 width.
make these
@media screen and (max-width:600px) {
this
/*@media screen and (max-width:600px) {*/
and than find the bracket that goes with it
/*}*/

Or set 600px width to what works every where it appears.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/
User 2686783 Photo


Registered User
83 posts

Oh, I must not understand breakpoints. I would have thought if I like what it looks like at 600px and smaller, I would comment out all the larger sizes where it breaks it into two columns.

DeeDee
User 187934 Photo


Senior Advisor
18,081 posts

The media queries are further down the sheet so they have priority.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.