For the mobile version of my web site I need to make the text smaller, which works well for simple text blocks. However, I also have a grid, here I can make the columns narrower, but how can I also make the text smaller?
So far the only solution I found is to have 2 grids, one with wider columns and larger text for the desktop version, and the other with narrower columns and smaller text for the mobile version, and then hide either / or, depending on the version.
However, here again I have the problem that I can hide elements on mobile only, but not on desktop only (the element will also be hidden on the mobile version).
You can easily use code to have elements only displayed on mobile or desktop devices.
https://support.wix.com/en/article/corvid-tutorial-displaying-elements-in-mobile-only
https://www.wix.com/corvid/reference/wix-window.html#formFactor
Just note that the elements will still be shown as hidden on your pages and it will only work on a live and fully published website, do not preview it only to test it works as it won’t always show correctly.
Thank you for your feedback, that pointed me in the right direction!
Actually, I found that when I look at an element in the mobile view, and set the properties to “hidden” and “collapsed” on load on my mobile version of the grid, it does not impact the desktop view. So I can indeed have 2 tables, one visible on desktop, the other visible on mobile.
And I don’t need code, and - at least in my rather simple case - the preview is correct, like on the published version.