You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Offline

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

Please create a new Ticket and we will get back to you as soon as we can.

#109404 flex-column-reverse doesn't work in your columns?

Posted in ‘Editor’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by Ryan on Monday, 15 November 2021 09:58 GMT

Chacapamac
I like to have the second column end-up on top of the first column when collapsing. flex permit that with —> flex-column-reverse

<div class="row flex-column-reverse flex-lg-row >
      <div class="col-lg-6 text-container flex flex-center">
           My text here
      </div>
     <div class="col-lg-6 image">
           My image here
    </div>
</div>
In this example the image will end-up on top of the text when collapsing. How to do with JCE columns?

Ryan
How to do with JCE columns?


At this stage you would need to add the flex-column-reverse Bootstrap class to the div in the Code tab, as you can't yet set directions in the Columns dialog.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Chacapamac
Thanks Ryan for your answer. Yes, i did that, it work, the image appear on top, but the set of columns appear collapsed at all screen size ?

<div class="row flex-column-reverse flex-gap-lg" data-wf-columns="1">
If I replace flex-gap-lg by flex-lg-row it work....

Ryan
Please post a link to an example.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.