Hello!
The bottom line is as follows:

There is a menu position: fixed .
When the browser window is reduced, a scroll bar appears.
But to view the menu completely using the scroll bar does not work, so it goes.

Tell me, is it possible to implement it so that the menu can be viewed completely when using the scroll bar?

http://jsfiddle.net/gf94sd70/

  1. Reduce the browser window.

  2. A scroll bar appears.

  3. Part of the menu is hidden.

  4. Using the scroll bar, the hidden part of the menu cannot be viewed.

1 answer 1

position: fixed positioned relative to the browser window. From this it follows that if the width of the element is greater than the width of the window and the element is tied to the left corner, then you will not see the part to be cut. You can do a little responsive:

 nav{ left:0; right:0; } nav ul{ max-width:450px; }

Demo

In this case, your menu will always be on the screen. Or you can use JS to emulate position: fixed through position: absolute . An example is here