Navbar size when viewed on a mobile

HTML-CSS
1

Hello everyone, I’ve just created a second version of my portfolio page and uploaded it to GitHub pages. I’ve encountered an issue when viewing my website on a mobile device however, where my navbar appears smaller than intended. The navbar only appears smaller when viewing the Github pages site. When I was testing on Codepen, the navbar appears fine both on mobile and desktop. There is also no issue when viewing the website in landscape on mobile. Please see links and pictures below.

https://jamiegaskell89.github.io/

https://codepen.io/jamiegaskell89/full/poEJLvv

When viewed on a mobile from Github pages:

Mobile site
Mobile site864×1872 342 KB

Thanks!

2

Try adding the viewport meta tag.

3

That seemed to do the trick, thank you so much!