Different column order on mobile

  • Resolved Adit MB

    (@aditmb)


    1 year, 6 months ago

    Hi,

    How can I set different column orders on mobile? As I understand in spectra there’s no option of doing that.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support BSF- Mohsin Ghouri

    (@mohsinbsf)

    1 year, 6 months ago

    Hi @aditmb,

    Thanks for getting in touch with us.

    You can set different column orders for mobile using the flex properties of the container. Here is the reference video: https://d.pr/v/iSeKzJ

    You can learn more about the flex properties from this guide: https://wpspectra.com/docs/spectra-container-flex-property/

    Please try and let me know how it goes.

    Have a nice day!

    Thread Starter Adit MB

    (@aditmb)

    1 year, 6 months ago

    Hi @mohsinbsf

    Thanks for your reply. That works if only 2 columns right? What if I have 4 columns. In desktop I want it to be in this order: 1,2,3,4, but in mobile I want it to be in this order: 2,3,4,1. How can I do that?

    With this BF ongoing, I’m thinking of getting spectra pro, need to clear some things first including my other post in this group about button inherit from theme.

    Thank you

    Plugin Support BSF- Mohsin Ghouri

    (@mohsinbsf)

    1 year, 5 months ago

    Hi @aditmb,

    Thanks for providing more details, it is not possible to achieve this using the flex properties of the container. However, you can achieve by creating separate containers for desktop and mobile and hiding them using responsive conditions.

    Have a nice day!

    Thread Starter Adit MB

    (@aditmb)

    1 year, 5 months ago

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Different column order on mobile’ is closed to new replies.