Blocks displaying in wrong order on mobile

  • I have a page with events in blocks in 3 columns. They are in date order so the table displays as (1) (2) (3) \ (4) (5) (6) \ (7) (8) (9) and so on

    However, although the theme is responsive, on mobiles it displays as a single column (which is fine) but in the wrong order – it shows as

    (1)
    (4)
    (7)
    (2)
    (5)
    (8)
    (3)
    (6)
    (9)

    Which obviously isn’t right! I’m sure there must be a way to fix it…

    I’m using Blossom Coach pro, I have asked the developer but they haven’t been able to help.

    • This topic was modified 9 months, 3 weeks ago by proof_fairy.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator t-p

    (@t-p)

    Support of all commercial themes and plugins is out of scope for these forums. While we will not close your post, we also cannot guarantee any support at all, be that by volunteers or the developers. We recommend you instead use the developer’s official contact for their premium offerings, as that is the most direct line. – As the developer is aware, commercial products are not supported in these forums.

    Moderator bcworkz

    (@bcworkz)

    I’m unsure of the solution, but the cause of the problem is because the events are organized column-wise. On mobiles the columns stack below the one before while maintaining the event ordering within each column. You really should be using a row-wise organization so event ordering on mobiles works correctly. Each event in the row can still be equally spaced so there appears to be a column-wise organization, or more accurately a grid-like appearance.

    It would be the responsibility of who or what ever generated the page’s event content to implement row-wise organization.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Blocks displaying in wrong order on mobile’ is closed to new replies.