Site logo

Archived topic

Column ordering on mobile

1 reply · Started by Brian on July 19, 2019

Viewing posts 1–2 of 2

Hi,

In the new Gutenberg columns, is it possible to place an order on the individual cells when being viewed on mobile?

For example, on desktops today, you frequently see L to R Image, Text and visa versa underneath. I find when I go into mobile view, instead of going viewing image, text image text, which is what you see in most sites, you view image text text image. Is there a way of fixing this through css or is there a plugin which will do this? It is worth noting that I am using your lightweight grid columns for the live site and was messing around with gutenberg blocks in localhost. Also, I have been trying to research this in your forum and I have found the following:

To be honest the grid method currently implemented is no longer recommended and will likely be phased out eventually.

Thanks for your time and I look forward to hearing from you.

Kind Regards,

Brian Thompson

Hi there,

I'm not aware of a "clean" method to change the order on mobile unfortunately but it might be worth checking with WordPress to see if they have a solution or can implement this for future versions.

One thing you can try is to create a mobile-specific column (so it appears the way you want on mobile) and use the built-in hide-on class to hide it on desktop:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes

Let me know if this helps :)

This archived topic is closed to new replies.