jquery - How to make two columns into one to be responsive

Question

I want to make one single column out of two, for a mobile page, but I want to keep the same content and just edit css. Is there a way to do this so when

media="only screen and (min-width:0px) and (max-width:125px)">

the two columns become one long one?

Answer 1

Assuming you are using divs for your columns, you can say:

@media screen and (max-width: 125px) {

 #thisDiv {
   float: none;
 }

}

Put it in the stylesheet and it will get rid of the float that makes two columns and sets them stacked on top of each other.

You didn't post any code so this is a guess in the dark as to how your html and css is setup.