Buttons (?) overlap on mobile and I can't seem to change it

Hi all, I hope this issue is a quick fix! For the most part, my site looks great but on mobile the navigation buttons at the bottom of my page labelled "Events" (they bring you to the "Portraits" and "Landscapes" pages) are overlapping and I can't seem to fix it. I've attached an image of what it looks like. Thank you!!

My site is public btw, so you can check out the issue on your own device too. 

Can you share your website URL and this page? Thanks!

19 hours ago, Ziggy said:

Can you share your website URL and this page? Thanks!

sorry yes, the website is vvwebster.squarespace.com and the page is vvwebster.squarespace.com/events

@Ziggy That worked perfectly, thank you so much!!

I am also having this same issue here is the link to my website www.connorshootz.com. I attached an example below of the issue I am having.   

thank you so much to anyone that can help 

On 4/2/2024 at 10:33 AM, ConnorSch said:

I am also having this same issue here is the link to my website www.connorshootz.com. I attached an example below of the issue I am having.   

thank you so much to anyone that can help 

You can use this code to Website > Website Tools > Custom CSS

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