I have a Web Form being displayed on my Portal. When viewed on a mobile device the 2 column form gets pushed together. What i would like is to show a single column when the form is viewed in a mobile device.
I understand that i can use the css attribute @media to achieve this. I used the code below, but it has no effect. Has anybody managed to get this working, or point out what i'm doing wrong.
@media only screen and (min-width:480px) {
.tab-column {
width:100%;
}
}
