Hi,
I’m having trouble with site menu dropdown items scaling too big/too small and I can’t figure out what the solution is.
When I edit the site menu at say 1200px width, I set the dropdown item text size to desired value (17px) and that works fine. But when the site scales up to 1800px wide, the dropdown item text becomes way too large. I’m sure it’s a simple solution that I’m overlooking. Hoping someone can identify it for me.
Working in
Wix Studio Editor
Site link
What responsive behaviour do you have set for the dropdown items ?
Cause:
This is happening because your menu typography is currently set to Scale Proportionally (you will likely see an asterisk * next to the font size in your inspector). When this is active, Wix Studio calculates the font size dynamically based on your design canvas width (1200px). When a user views it at 1800px, the editor scales the text up to match that massive increase in viewport real estate.
Solution:
You can fix this easily in the Inspector Panel using one of two methods:
Option 1 (Recommended): Add a Max-Min Size Limit
Keep the fluid scaling but cap how large it can get. Select your menu, open the Inspector Panel on the right, and find the typography settings for the menu/dropdown. Look for the max-min toggle. Turn it on and set your max font size. This allows the text to shrink safely on smaller screens but blocks it from blowing up past 17px on large monitors.
Option 2: Switch to Fixed Scaling
If you want the text to strictly stay 17px on all desktop screens, you need to disable proportional scaling. Click the dropdown or toggle next to the font behavior in the Inspector Panel and change it from “Scale Proportionally” to “Fixed.” Then, manually set it.
Make sure to check both your regular and hover/dropdown text style states in the inspector to ensure the fix applies to the dropdown items specifically!