Summary Block Help

My client offers in-person ACT test prep classes. We use Acuity Scheduling to list the classes on her site. My client didnt like the design of what Acuity offered. So, I found a custom “hack” for this. 

I create a “blog” for each class she offers with details about the class and a link to the class in acuity for the customer to sign up and pay for. 

However, the client wants the class listing page to be laid out a certain way. She wants the classes to be listed by month and in order in ascending order by date.  So, I created the page like this:

January (Header)

Summary Block pulling anything tagged with January. 

February (Header)

Summary Block pulling anything tagged with February and so on. 

For a visual, go to https://www.testprepmom.com/in-person-classes

But because this is a ‘blog hack’, it is listing the classes in descending order like a true blog would because most people want the newest blogs first. 

So my big solution would be to find a way to re-order the summary blocks to ascending order by date. 

The solution I have read about is to change the date, but i can’t because the date here is when the live in-person class is taking place. 

My solution was to stop using summary blocks and just add the classes manually with the links to the acuity sign-up. This WORKED! But when we add a class each time we have a new one, the mobile design totally breaks and all the new classes jumble up on the page. So we can no longer add it this way.