Scrollbalken in mobiler Navigation muss weg

[Sargas]

Hey Leute,

ich hab da ein kleines Problem, wahrscheinlich stehe ich gewaltig auf dem Schlauch im Moment aber egal. Bin gerade am Webseite basteln, noch alles ziemlich roh also bitte nicht wundern.



Wenn ich das jetzt zusammenschiebe bis die Navigation verschwindet habe ich in der ausgeklappten Navi so einen doofen Scrollbalken drin und ich komme einfach nicht drauf wo der herkommt und wie ich den da wegbekomme...

Jemand ne Idee?

Danke schonmal und viele Grüße

sargas

 

[Ilse_Schnick]

Wo er herkommt? Weil zu wenig platz ist

navbar-default .navbar-nav  {
overflow: hidden; }

sollte funzen...

 

[lachender_engel]

Alternativ ID menu-menu-1 ein

width: 100%

zuweisen

 

[Aelfry]

Wenn ich das jetzt zusammenschiebe bis die Navigation verschwindet habe ich in der ausgeklappten Navi so einen doofen Scrollbalken drin und ich komme einfach nicht drauf wo der herkommt und wie ich den da wegbekomme...

Jemand ne Idee?

Dein Problem ist, dass du mit deinen negativen margins zu breit wirst, wodurch natürlich eine scrollbar auftaucht:

.navbar-nav {
  margin: 7.5px -15px;
}

Um das zu fixen würde ich keine negativen margins einsetzen sondern stattdessen das padding links/rechts der untergeordneten Links auf Null setzen.

 

[Sargas]

Dein Problem ist, dass du mit deinen negativen margins zu breit wirst, wodurch natürlich eine scrollbar auftaucht:

.navbar-nav {
  margin: 7.5px -15px;
}

Um das zu fixen würde ich keine negativen margins einsetzen sondern stattdessen das padding links/rechts der untergeordneten Links auf Null setzen.

Das hab ich voll übersehen... Es reicht sogar einfach margin: 0; zu setzen.

Danke, so hatte ich mir das vorgestellt.