Only navbar switch to sm layout not whole page at specified point

Hi,

I seem to have too many items in my navbar, now it displays incorrectly when the browser width gets too small and the media mixin for sm layout has not kicked in yet.

I know I can change when the display will rearrange to sm layout but the problem is if I set this for when the navbar needs it it is still too early for the rest of the page to change to this layout.

My Question: Is there any way I can make it so that ONLY the navbar will change to collapsed layout at specified point and the rest of the page will still follow the existing media breakpoints?

Thanks, J.