Change order of columns on mobile

You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Official support hours

Monday to Friday
09:00 - 17:00 Europe/London (BST)

Please create a new Ticket and we will get back to you as soon as we can.

#108385 Change order of columns on mobile

Posted in ‘Editor’

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

dcl698

Is there a way to specify the order of columns in mobile? On this page, we have the text on left/image on the right. On mobile we would like the image to display on top of the text:

https://dianec13.sg-host.com/quick-ship-furniture/qs-lecterns/array-series-lecterns

Ryan

Add the following to your template stylesheet:


@media (max-width: 640px) {
	.wf-columns .wf-column:first-child {
		order: 99;
	}
}

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

dcl698

Thank you!