1. On larger screens, I have my navigation links to the right of my logo in the header. On smaller mobile screens, I have the same layout, with the hamburger icon now appearing to the right of my logo. But on screen sizes somewhere in the middle, the navigation falls below the logo (because it can’t fit inline anymore at that width). Rather than have my nav ever fall below the logo like this, I want it to switch to the hamburger menu at that specific breakpoint (for the sake of example, let’s say it’s 1023px width). Is this possible?
2. Similarly, on larger screens I have content on the left and a sidebar on the right. On mobile screens, the sidebar moves below my content. I want to make this change happen sooner than it currently does… let’s say again at a screen width of 1023px. Is this possible?