I have a page that has several blocs with a Structure 4 Column in it. In each column there are:
Icon
Header
Text
These work fine for three breakpoints, LG, MD, SM but for XS I’d like the icon to be shown to the left of the header and text, not on top. The screen grabs show the column as it is, and as I’d like it for XS. Can this be done with a custom style? Or do I need a more complicated structure for each of these columns?
That looks great, I see the principle of putting elements into DIVs and then applying behaviours to those.
But, I couldn’t get it to work, tried several times, and then copied your Bloc to my project. It didn’t work, so there must be something at a higher level stopping it. I shall see about investigating further.
@Jerry 's bloc works great on it’s own, but I cannot reproduce the behaviour on my site, and if I put his bloc in it doesn’t work. There is obviously something happening that stops the flex from working inside my project, and I’m not savvy enough about CSS at the moment to work out what.