How can I get my header to break at a certain pixel width? I don’t want my menu items going onto 2 lines. When it gets to a certain width I want it to switch to the mobile header style that shows the menu icon instead. Thanks
Is this solution ok for you or you still want to show all the items? Because to enable mobile menu from the bigger resolution you need to change a lot of CSS styles. The solution for you also could be smaller font size for the menu for the smaller devices.