On this dropdown nav, is there a way to make the nav link text WIDTH be as wide as the text on ONE LINE? It does this on the mobile menu when the dropdown is open but not on desktop?
In this case the .w-dropdown parent is setting the width and the child is at 100%. In your example the text (inline block in a link) would wrap at 940px.
The child nav list is not going to be wider than its parent. In this case the parent element is establishing its width based on the contents (the text , size , padding etc…)
In a menu each element is set to inline block so you can add many right?
This screenshot might help you. I placed the element in a container and set it to block (it is now inheriting all the space of the container. You can see that the drop down nav menu children container is now only as wide as its content and padding.
Yet, I don’t want the parent to be display block, as it’s the nav dropdown text… when you do that, as you can see in your example, it (dropdown main tab text) takes up the full width of the nav bar…