How to edit width of sub menu dropdowns

[saritav]

Hi, The drop down menus/sub menus are too narrow, set at min-width 14px. I would like to change it to min-width: 20px, so each menu item is a single line, but I’m having issues with the css code.
Website: CONNECTED HUSKIES – Experiential Learning Opportunities Database. Sub menus are under Newsletters and the Profile dropdown.

It shows up in the inspector as .header-navbar__menu ul li ul and when change the min-width to 20px, it works perfectly.

Once I add .header-navbar__menu ul li ul {min-width: 20px;} into my css, it doesn’t work. I’ve tried many other varieties, but wondered if you can help.

Thanks,
Sarah

[saritav]

I got it figured out, I was seeing rem, but typing in px.

Use this to adjust the width of your submenu/dropdowns:
.header-navbar__menu ul li ul {min-width: 20rem;}