Portfolio page doesn't center navigation even though selected

Site URL: https://www.thecreativelab.nz/

Hi there, I tried to centre the navigation menu which I created with a portfolio page but Squarespace won't center it properly on desktop and mobile. When checking it with my iPhone it looks completely different.

I think they tried to make it center of the screen instead of the content, so let's see if this fix suit your needs

Settings-> Design -> Custom Css

@media screen and (min-width: 1200px) {
	#collection-5f9e4f162725f32ff052e260 .portfolio-hover-display {
      padding: 0;
      padding-top: 20vh;
    }
}
#collection-5f9e4f162725f32ff052e260 .portfolio-hover-display {
  padding: 0;
  padding-top: 12vh
}
#collection-5f9e4f162725f32ff052e260 .portfolio-hover-display .portfolio-hover-items {
  padding-top: 0 !important;
}

This worked perfectly. Another questions which you might help with. When I click on the mobile navigation on the desktop, is there a way, when the navigation pops up, to make it look like the portfolio navigation? Basically I would like to have the font of the navigation looking the same as the font of the portfolio.

Landing page view with portfolio hover navigation:

Site navigation when clicking +:

3 minutes ago, nowicluk said:

This worked perfectly. Another questions which you might help with. When I click on the mobile navigation on the desktop, is there a way, when the navigation pops up, to make it look like the portfolio navigation? Basically I would like to have the font of the navigation looking the same as the font of the portfolio.

Landing page view with portfolio hover navigation:

Site navigation when clicking +:

Please don't get confused, I just changed the navigation colours: