Horizontal scrolling menu for mobile version?

Question

css

Tell me how to make a horizontal scrolling of the top menu but only for viewing from the phone.
https://codepen.io/arsenaljek/pen/zYvMMrz
I added css

.tabbable .navbar-collapse {
       overflow-x: auto;
       overflow-y:hidden;
       flex-wrap: nowrap;
    }
    .tabbable .navbar-collapse .nav-link {
      white-space: nowrap;
    }

and assigned it to the nav class. On the mobile version everything works fine, but on the desktop the dropdown menu no longer opens due to overflow