Portfolio - Project Navigation (Mobile)

Hi all!

My website is https://tetra-wisteria-snzf.squarespace.com/

Password: BangaBuilds

I am currently experiencing spacing difficulties on the mobile view of my website. Specifically, for the Project Navigation titles at the bottom of the page (directly above the footer). I've attached photos for reference, as you can see, some of my Project titles even overlap one another.

How can I go about:

1. decreasing the font size for specifically Project title navigations on mobile only

(OR)

2. increasing the spacing between specifically Project title navigations on mobile only

P.S. I know that you can inject code that changes the size of a specific text (i.e. Header 2) on a specific view (i.e. Mobile View) but that is not the solution I am looking for, as I can only assume that solution would impact text located on other parts of my website. 

Any help would be greatly appreciated. Thank you!

Hi @BangaBuilds,

1. Just to confirm, are you looking to change the font size on the navigation for all project pages, or only on a specific project page?

2. Could you clarify which specific space you are looking to increase?

@Spark-Plugin Thanks for the reply! As you can see in the images I've attached in my initial post, it would be most beneficial to decrease the font size of my project section links (Builds and Invest in Pic 1, and Services and About in Pic 2). I would only want to do this on the mobile view.

Hopefully that provides clarification, thank you!

Perfect, Thank you!