Move Content Down on Mobile Phones <p>I'm trying to move a column of content down on mobile phones (no tablets), but can't figure it out. The end goal is to move the custom field data below the body text.</p> <p>Via:<a href="http://beta.johnslanding.org/portland/canyon-hoops/" rel="nofollow noreferrer">http://beta.johnslanding.org/portland/canyon-hoops/</a></p> <pre><code>.one-fourth.last.right </code></pre> <p><strong>Tried this:</strong></p> <pre><code>@media only screen and (min-device-width : 400px) { -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid; } </code></pre> <p>You'll see on my iPhone the theme keeps these two columns together:</p> <p><img src="https://i.stack.imgur.com/I5LMv.png" alt="enter image description here"></p>