Forums

Hi,

I have two columns in an Column Container however when the screen is narrow the columns overlap each other. Is there a way to make them responsive so if the screen is narrow one column appears below the other?

Cheers,
Kevin.

Hi Kevin,

Not that I recall seeing :-( You might try setting a min-width on the Containers to see if that forces them to float.

I'm not a big fan of columns in forms so haven't explored this code at all.

Bob

Hi,

If I use min-width:400px is works great but I don't know were to enter this code so it is only applied to the containers I want them to. I tried start code but I could not see it when I inspected the element.

Any thoughts?

Cheers,
Kevin.

Thanks,

I have added the Load CSS and the ID is chronoform-container-40 however not sure of the syntax to load the css against that ID only. Can you please provide an example?

Cheers,
Kevin.

Hi Kevin.

Add a # prefix for an id e.g. #chronoform-container-40 or a dot for a class .chronoform

Bob

Worked a charm. It's an id so added the following:

#chronoform-container-40 {min-width:400px}
#chronoform-container-41 {min-width:400px}

Thanks for your help!