Events page titles overlap in mobile version

Hey there,

I've been looking for a solution or someone else with this issue. Couldn't find anything. 

Does someone know how to fix this issue? the text to toggle between events is completely off and it also messes up the menu.

I'd love to either have it fixed or just generally change the text to something like "next event" and "last event"

thanks

Robert 

Add this to Custom CSS to stack the pagination on mobile:

// Event pagination - stack on mobile
@media only screen and (max-width:767px) {
  .item-pagination[data-collection-type^="events"] {
    display: flex;
    flex-direction: column;
  }
  .item-pagination-link {
    max-width: 100%;
  }
  .item-pagination-link--prev {
    margin-bottom: 16px;
  }
}

I think you can also make text smaller, by using this to Website Tools > Custom CSS

@media screen and (max-width:767px) {
h2.item-pagination-title {
    font-size: 12px !important;
}
}