[Support request] reverse column order on mobile using Guternberg

Home Forums Support [Support request] reverse column order on mobile using Guternberg

Home Forums Support reverse column order on mobile using Guternberg

  • This topic has 5 replies, 2 voices, and was last updated 4 years ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #973572
    Christine

    Dear Support,

    On my website I want to reverse column order on mobile I am using Guternberg editor for my website.
    Following is the sequence I am looking for https://prnt.sc/onai99

    Looking forward!

    #973806
    David
    Staff
    Customer Support

    Hi there,

    so ad this CSS:

    @media (max-width: 768px) {
        .reverse-mobile {
            flex-direction: column-reverse;
        }
    }

    Then select the Columns block ( make sure its the columns and not a single column ) and on the Settings Sidebar > Advanced > Additional CSS filed add reverse-mobile

    #974502
    Christine

    Hi David. Your Code Worked for me.

    Thank you.

    #974697
    David
    Staff
    Customer Support

    Glad to be of help

    #1348119
    Heinrich

    Hi David,

    I tried to modify the code so the columns swap at 1030px, but that doesn’t work.


    @media
    (max-width: 1030) {
    .reverse-mobile {
    flex-direction: column-reverse;
    }
    }

    #1348192
    David
    Staff
    Customer Support

    Hi there,

    can you raise a new topic where you can share a link to your site and ill take a look 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.