I am looking for some assistance with customizing my dropdown menu on the website
Here are the modifications I have attempted, along with the corresponding code snippets. However, none of them seem to be effective...
- I tried increasing the font size for all items in the dropdown menus.
- I also attempted changing the font weight for all items in the dropdown to 400.
#primary-menu * {
font-size: 17px;
font-weight: 400;
}
- Another adjustment I made was to auto-scale the dropdown size so that all items could fit in one line.
.sub-menu {
width: fit-content;
}
I would greatly appreciate any help or suggestions!
Thank you in advance!
Edit: The specific dropdown menu where I want these changes is the primary header section, as highlighted below: https://i.sstatic.net/RY55l.jpg
https://i.sstatic.net/2Wztj.png
The goal is to have all dropdowns expand automatically to allow the content to flow smoothly within them.