Optimize Timeline Layout for Mobile Devices

I'm looking for some CSS help to address a modification I wanted to make to the Timeline layout on mobile devices.

The Timeline layout look great on desktops but a little to squished when viewing on mobile devices as the Circled date and vertical line take up about 1/3 of the screen space on a phone, for example.

I was able to see this class affects the vertical line and width of the event info. If I disable the parameters the line goes away and width expands (see sample image):

This looks like the HTML code to make the circled date appear. Same thing here. If this is disabled the circled date disappears.



I tried messing with these in the custom css tab in the back-end but have not been successful. I'm also thinking the circled date is a custom HTML adjustment.

Thanks in advance for the help.

Hello Alex

Could you please make a screenshot showing us how you want it to be displayed in mobile device? And maybe sending us super admin account of your site and link to the page, I will have my template developer to look at it to find a solution for the problem

Regards,

Tuan