I have a full-width row that contains two columns.
Left column has a slideshow with some silo images.
Right column has some text that is static.
Looks great on desktops, but problem is when it’s viewed on a tablet device.
In that case, the slideshow image from the left side displays on TOP of the text, but the problem is that the slideshow images need to display on the BOTTOM of that row, when viewed on a tablet.
Is there any way to switch the order of these two rows on certain devices? I removed it altogether on mobile view, but would really like it to be visible on tablets.
any help is appreciated.
fyi, using BB theme with BB plugin
Have a look at this video I put together on this subject.
In your case, instead of changing the image in the duplicated row, just change the module locations, that is, put the image on the right and text on the left.
Thanks for posting! Since you’re using the BB theme which is based on bootstrap, you can use their push-pull configuration. More info about that on the link below. You can place the classes on the columns. https://scotch.io/tutorials/reorder-css-columns-using-bootstrap
You can also duplicate that row, make the first one visible on large devices, and the other, visible to medium/small devices and configure it so they swap places.
Let me know if you need further help with either one.
Now that I tried it, I don’t think those classes will work as we’re adding the width via inline style. It worked before but I guess they changed the logic for the columns. You can still use those push pull classes though, you just need to configure the width using column settings so I guess your best option is to duplicate the row.
curious if the duplicating/turning off for media was a technique that was planned in advance… BB is amazing.
My only dilemma is deciding whether to use BB theme or Dynamik/Genesis