I’m modifying a copy of the About page in the Hifidel theme for my personal photography work. The description to the second gallery is under the first, with the text on the right and an image on the left. On mobile this displays with the image above the text instead of below, like it does on the gallery above it. I’d like the image to display below the text, like it does for description and links above it.
I like the way the page looks on Desktop, and only want to change where the image displays on mobile. Is there a way to make that happen?
This was a little bit easier to show you than explain, so I took a few minutes to create this video for you.
The important thing to remember is that BoldGrid’s mobile responsiveness is mobile first, so we’re going to swap your columns around so that they look better on mobile, and then swap them only on larger screens.
Use the arrow icon to drag your column with the description over to the left, and then use the Advanced > Custom CSS column menu to add these classes, respectively: