Menu Button links not visible at 320 px

[rehabengineer (Michael Papp)]

I am new to WebFlow and would appreciate your insight into this issue.
I have used the NavBar element to create a component shared across pages. The hamburger menu works fine on different page widths until I get to 320 px. At this size, I can’t see any of the link text in the drop-down menu. The NavBar works fine on the home page at all widths, but it doesn’t work on any of the other pages that share this component. I’ve tested and seen this issue on Window, and iPhone, and an Android. Any suggestions as to what I am doing wrong?

https://preview.webflow.com/preview/rehabengineer-843268?utm_medium=preview_link&utm_source=dashboard&utm_content=rehabengineer-843268&preview=25682c05885891bb5f1ade4a7b679232&workflow=preview

[rehabengineer (Michael Papp)]

I finally figured out that I specified the nav link font sizes in % and px. Once I changed to REM, the problem was fixed. I’m posting the solution here so I can find the answer next time I do that!