title: Fixed width when scrolling horizantally
body: <p>I have a navigation bar and material design theme but there is such problem that I can't handle when scrolling horizantally.</p>
  
  <p>These are the problems' pictures;
  <a href="https://i.stack.imgur.com/yvP7w.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yvP7w.jpg" alt="enter image description here"></a></p>
  
  <p>When I try to scroll horizantally, this awful visual comes out;
  <a href="https://i.stack.imgur.com/YWcx4.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YWcx4.jpg" alt="enter image description here"></a></p>
  
  <p>Here is the CSS codes of the navigation bar;</p>
  
  <p><a href="https://i.stack.imgur.com/OoKCG.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OoKCG.jpg" alt=""></a> The red circle that I created is the problem. What I want is that when I scroll horizantally, that navigation bar should stay fixed and not scrolled. Is this possible?</p>
  
  <p>Thanks</p>