The main menu along the top of my new blog displays nicely on full screen, and correctly changes to the responsive/mobile-optimised hamburger menu on very small screens like phones. However, inbetween those sizes, such as small tablet screens, it wraps in rather an unattractive way. See here: http://shrinkwrap.blog/
Can anything be done to improve this, so it steps down to the hamburger menu at the right time?
Or better yet, this web site has done some clever adaptations to cater for XL, L, M, S and XS screen sizes, so the menu displays well on any device: https://insightmatters.com/. Could something similar be implemented?