Can anyone help with how I can create a table or rows for my event page? I have a series of events currently and they're being smushed into one line. This is impact the purchase ticket functionality on desktop.
Ideally I'd like to have 3-4 events in ea respective row. May be important to note we won't always have as many events as we do right now but we like to be able to keep unscheduled events as coming soon.
Here is the page I'm referencing: https://roadsidebloomsshop.com/pages/workshop-events
Please let me know if I can provide any additional information!
Thanks for this! My question would be where do I put this in the code then? Below is what the code currently looks like. Ideally I'd like for 4 events to show in rows of 3 (I need to ensure they have enough space for a brief description and purchase option). When I've tried using the simple <table> <td> It shows as broken html.
you can add this code
<div class="col-md-3 col-sm-6 col-xs-12">
find this code and replace class value- <div class="col-lg-4 mb-4 elopement">
her you can find more information , also you can add your code and test here. https://codepen.io/ondrejsvestka/pen/gWPpPo