How can I make my navbar responsive with 8 links?
I've made responsive navbars before, but only with 3 or 4 links. I'm developing a digital portfolio, but the navbar has 8 links in it. This Jsfiddle will show what I have: https://jsfiddle.net/7nwg6v5k/7/.
I'll make it so that when the screen gets too narrow it transitions to a hidden menu. On full-size screens my current nav works well, but even at slightly smaller screens the text wraps and some links overflow.
I'm not sure of a good way to make this work. I don't want it to change to a menu before screen with gets below one third of full size. Sorry if I've not worded this well. Anyone have any ideas? Thanks
I'll make it so that when the screen gets too narrow it transitions to a hidden menu. On full-size screens my current nav works well, but even at slightly smaller screens the text wraps and some links overflow.
I'm not sure of a good way to make this work. I don't want it to change to a menu before screen with gets below one third of full size. Sorry if I've not worded this well. Anyone have any ideas? Thanks
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
