-
Posts
-
Hello, I as well as many other users have often faces the issue of incorrect column ordering when viewed on a mobile device as explained in the following post.
http://xthemeusers.com/switch-columns-mobile/
This solution works somewhat, however it doesn’t quite work when if you have any other formatting in cornerstone, such as margin-less columns, or more than a few paragraphs of text in the text column. It seems to fall apart.
Can you take a look at the code below and see if there is a more elegant way of displaying an exact “flipped” version of the two columns so that they order properly on mobile devices.Hi There,
The best would be to create double content, one for mobile and one for desktop and than hide it based on your screen size.
We can try to help you to apply the solution suggest on X Theme users instread. Would you mind providing us your URL?
Thanks
Joao
This reply has been marked as private.Hi There,
Upon checking your page alternating columns, the design you are aiming for with a image without margins while text has margins will be quite complex to achieve the reversing column using the css provided because the design is not even(Looks great by the way!)
My recommendation would that every second row you create a duplicated row which will be visible just on mobile while the other clone just on desktop.
You can use Cornerstone Mobile Screen visibility options for that.
Please let us know if you need help with this.
Thanks
Joao
Hello, Please take a look at the page now, it almost works except for the non-marginless columns.
See the part called “Let’s try Again”.If you can get this to work a little bit better it would be a great feature to include in a future update of X.
Thx
Hi There,
We’ve been checking your page and we still advice that you use the Hide Base On Screen Width feature.
The helper class written by Miroslav is great. But I’m afraid the custom CSS would become to complicated if we force to apply that class on your design.
Thanks.
