How to hide horizontal menu items in a block when the width decreases?

Question

css

Greetings

I can not figure out how to move the elements of the horizontal menu in and out of a separate block and back into the menu when it narrows and expands, respectively. Menu example.


Maybe there are ready-made scripts tested in battle!?

Answer 1

Bootstrap

Answer 2

in my opinion this question was yesterday - an example from there: codepen.io/lukejacksonn/pen/BowbWE

Answer 3

You make 2 blocks with a menu, for example. With the help of media queries, when the window width is more than 767px, for example, hide the mobile block, and show the desktop one. If the width is less - vice versa. Everything is simple, like.