Control the stacking order

  • Resolved semiworld

    (@semiworld)


    4 years, 4 months ago

    Hi!

    Is there a way to control the stacking order on mobile in advanced Gutenberg Columns Manager.

    For a example:

    I’ve a grid with 2 columns and 2 rows:

    1. row: 1. column: a picture and 2. column: some text
    2. row: 1. column: some text and 2. column: a picture

    on mobile devices this will bring:

    picture
    some text
    some text
    picture

    and I need to have:

    picture
    some text
    picture
    some text

    Is there a way to solve this problem?

    thanks in advance.

    best regards from Vienna,
    michael

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter semiworld

    (@semiworld)

    I also tried to use the function “collapsed order RTL” (on mobile) but nothing happend!?

    Plugin Author htmgarcia

    (@htmgarcia)

    Hi @semiworld,
    the stacking order always follow the column order. You may have a chance to define the order in the way you need, however that would required a custom class inside “Advanced” settings, plus custom CSS (using @media() to apply only in mobile screens) to make the columns use CSS Grid approach which provides control on the columns order. This is a good example.
    ____
    Regards

    Thread Starter semiworld

    (@semiworld)

    Thans for your reply. I already tried this. It seems that I didn’t find the right classes. Maybe you could tell me the correct css class? Many thanks in advance.

    • This reply was modified 4 years, 4 months ago by semiworld.
    Plugin Author htmgarcia

    (@htmgarcia)

    The key is to build the right CSS selector taking in mind the custom class you typed in “Advanced” to not affect other elements from the same page. Unfortunately this is customization work which is beyond the support scope.
    ___
    Regards

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Control the stacking order’ is closed to new replies.