I’m having trouble with dropdown menu item text font size control.
I’m working with wix studio and has two places where I use the menu.
For the header menu, I have sub dropdown menu items. What’s confusing me is that in the “regular” state, the font size is managed with px. And in the “hover” state, the font size is managed in px. So depending on the browser size, sometimes the text expands, and other times it shrinks when hovered on. I cannot even set it to non-change because one text size is fixed, the other is responsive.
I can’t seem to find a way to change the unit.
What’s weird is that in another menu that I used, the settings are somehow switched. The regular state is in px*, and the hover state is in px.
I’ve checked site styles, and all my text styles have “scale text” toggled ‘On’, since I use them throughout the website.
Here’s screenshots on the “Regular” and “Hover” panel. You can see one uses px and the other px*. Both are using p2 which is set with scale text turned on in the site styles.
I’m having similar issues. The dropdown’s input field font is responsive (px*), but the dropdown list font is fixed. They are using the same font style. I can’t find a way to edit the behaviour. Bug!?
I’ve solved my issue (and possibly yours)! The responsiveness of the text in the dropdown is inherited from the site style. For me, making changes to the site style (Scale Text on/off) have enabled me to control px / px* for the fonts in the dropdown. After making the changes in Site Styles, you may need to toggle the font between site styles to get it to update. Unlike elsewhere, it doesn’t look like you can override the Site Style settings.
