Navigation Menu for Mobile

Is there a way to target the small device Navigation Menu text size and padding CSS without changing the Desktop size and padding?

It looks like the small device menu targets the same classes.


Hey Doug,

Thanks for getting in touch! You can wrap your CSS for that text in a media query so it only applies on small devices. It should look something like this.

@media (max-width: 767px) {
/* CSS HERE */

You can change the width to whatever your Small Device Breakpoint is but 768px is the default.

Hope this helps!


Thanks Ben,

Finally got the chance to try it and it’s working great.


Hey Doug,

Glad it is! Have fun with The Beaver! :slight_smile: