Navigation text too big for mobile

Hello Guys

I just launched the site - my photo gallery has a text issue when viewed on a mobile - when you reach the bottom of the gallery - you can click a navigation text icon to move to the next or previous galleries - the issue I have is the text I too big and the left and right text clashes - see screenshot below.

I have looked at the edit functions on the page, sections and blocks, and the site's global functions to find how to reduce the text size, but I cannot find anything - in this part of the template that needs to be reduced by a code change.

Thanks 

Andy

Hi Ziggy,

Perfect - that's fixed it, thank you...

Best regards

Andy

16 hours ago, smallfstops said:

Perfect - that's fixed it, thank you...

Not a problem! If you can mark my comment as the solution to your post and give a thumbs up, that would be much appreciated, thanks!

On 1/13/2023 at 3:54 AM, Ziggy said:

Not a problem! If you can mark my comment as the solution to your post and give a thumbs up, that would be much appreciated, thanks!

Hi Ziggy, my website seems to have the same issue. However when I went to those settings nothing changed for some reason or moved

Can you share your website URL?

found the solution with this link 

https://christyprice.com/blog/how-to-replace-remove-portfolio-pagination-squarespace

Hello Ziggy, 

I have tried the pagination but it works for other pages except for the news page linked here: https://www.thelegacyproject.co.uk/news/mef-london-2024

9 hours ago, TLPAdmin said:

Hello Ziggy, 

I have tried the pagination but it works for other pages except for the news page linked here: https://www.thelegacyproject.co.uk/news/mef-london-2024

You can also use this to Website Tools > Custom CSS

@media screen and (max-width:767px) {
.item-pagination[data-collection-type^="portfolio"] .item-pagination-title {
    font-size: 15px !important;
}
}

Ive tried the above but the size doesnt change 

I used an injection before with java but could only apply to each individually not all at the same time

12 hours ago, TLPAdmin said:

Ive tried the above but the size doesnt change 

I used an injection before with java but could only apply to each individually not all at the same time

You need to use code to Custom CSS, that code won't work in Code Injection

Thank you!

Is there a way to format the text alignment too?

10 hours ago, TLPAdmin said:

Thank you!

Is there a way to format the text alignment too?

What should it look like?