Okay
  Public Ticket #1414637
WP Bakery change column order on small screens
Closed

Comments

  • Burobas started the conversation

    Hi there,

    I've bought the template for a client of me and we want to use a kind of zig-zag template like on this demo https://demo.kaliumtheme.com/architecture/studio/

    The disadvantage of this is that if you use a small screen the pictures that are on the right on a large screen will be below the text on a small screen. Can we add classes / change orders or what so ever so we can create the same layout but show the image always above the text on a small screen?

    Thanks in advance

  • [deleted] replied

    Hi Burobas,

    For sure you can show and hide different elements for large and small screen, please consider watching the tutorial from author  WPBakery where it shows how to hide element for mobile and show on desktop different element Control Different Element per Device.

    Thank you.

  • Burobas replied

    Hi Eroll,

    Thanks for your answer, but it's not what I'm searching for. What I'm looking for is when we have a zig-zag template we can change the order on small devices. For example

    Big screen:

    |   text   | image |
    | image |  text    |
    |   text   | image |
    | image |  text    |

    Will become this on a small screen:

    | image |
    |   text   |
    | image |
    |   text   |
    | image |
    |   text   |

    Is that possible?

  • [deleted] replied

    Hi Burobas,

    If text is column and image is column as page https://demo.kaliumtheme.com/architecture/studio/, this is possible, and video that i have provided is exact solution. You can share your sites WP Credentials with us so i can make a small change for you so you could see it.

    To include your credentials click Insert Credentials button in editor toolbar. (See how)

    Thank you.