How to force parent to accept content width?

Question

css

Hello.
There is a container. scroll , it has a width set (it's limited to mobile in real life), it has a nav , and assuming it has the properties flex-wrap:wrap; flex-direction:column; you need to force it to take the width of the entire content, not the width of the .scroll. This is needed for js scrolling. Without a minimum width, the nav has not yet been able to get it to accept the width of the content, help)

https://codepen.io/alinabrann/pen/MWYRPvL