We are trying to reorder content on a page so that when the page is resized down to portrait mobile devices, the content order is correct when scrolling down the one column. We are doing this by duplicating a row, changing the structure of the row content for mobile viewing, then setting responsive options within Salient VC for the columns within the row, or by adding the Row Extra Class Fields as per https://themenectar.ticksy.com/article/9164/.
However, when testing the page by resizing (any) browser window, both rows appear next to each at around 1200px width (please see At-ease VISION dsktp / mob row at https://www.at-ease.com/image-layout-test-page/).
Hi!
We are trying to reorder content on a page so that when the page is resized down to portrait mobile devices, the content order is correct when scrolling down the one column. We are doing this by duplicating a row, changing the structure of the row content for mobile viewing, then setting responsive options within Salient VC for the columns within the row, or by adding the Row Extra Class Fields as per https://themenectar.ticksy.com/article/9164/.
However, when testing the page by resizing (any) browser window, both rows appear next to each at around 1200px width (please see At-ease VISION dsktp / mob row at https://www.at-ease.com/image-layout-test-page/).
Any ideas on how to stop this?
Thanks
Hey Spen,
You seem to be on Salient 8.0 . This bug was fixed in Salient 8.0.1 .
Please update to Salient Theme Version 8.0.15 and Salient VC 5.0.1.
To get a list of Bug Fixes and new Feature addons in the Latest Theme update, the changelog can be viewed here : http://themenectar.com/changelogs/salient.html .
Update the theme by following this guide: http://themenectar.com/docs/salient/updating-salient/ .
Best.
ThemeNectar Support Team