Max-Width vs. Min-Width

Question

Most of the tutorials I\'m reading on using Media Queries are demonstrating the use of min-width, but I\'m rarely seeing people using max-width.

Answer 1

The majority of sites I've been working on are designed for desktop first and in these cases using max-width queries makes sense. Generally if you are starting small screen first use min-width and then build on top with media queries targeting larger resolutions.

You can of course mix both min and max queries to get specific resolutions

Maybe have a look at using min-device-width for the specific issue you're having with the navigation