Wrap columns in alphabetic order

Support
#1

Is this possible, I have the same text in 3 columns as in the pic. When the screen size is reduced the columns fold on top of each other as expected. But the text also falls in alphabetic order. The site that i took this pic from uses flex-wrap to achieve this. Can I do the same in Xtheme.

Currently the columns fall on top of each other but the text is not in alphabetic order. So Idaho would be under Utah and Indiana would fall under Virginia

#2

Hello @waynepatt58,

Thanks for the details. You can also do the same in X theme. Just make sure that you have inserted the texts in an alphabetical order. What you need is a one column row and then wrap your text with a list element like this:

<ul>
  <li>Alabama</li>
  <li>Idaho</li>
  .....
</ul>

Or you can simply use the Classic Block grid and insert the text in each grid item alphabetically.

Hope this helps.

#3

Thanks, for some strange reason when I set text colunms to three it will only disply 2 or 4 colunms. I have tried altering the margins and gap but simply does not want anything to do with 3 colunms?

#4

Hey @waynepatt58,

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Meanwhile, please make sure that the row’s inner container is enabled.

Please let us know how it goes.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.