I started a new Project using Foundation 6.
I have a lot of stuff in my topbar, so when it comes to a smaller size it doesn't look good anymore.
Now i would like to change the breakpoints of the topbar.
My Idea is to add a new breakpoint at 800px and change the value of data-hide-for to the new breakpoint.
I already tried to change the breakpoint of medium to 800px in the settings, but nothing changed. The topbar still toggles at 640px like i havent changed anything.
$breakpoints: ( small: 0, medium: 640px, navbar-bp: 800px, large: 1024px, xlarge: 1200px, xxlarge: 1440px, );
<div class="title-bar" data-responsive-toggle="responsive-menu" data-hide-for="navbar-bp"> <button class="menu-icon" type="button" data-toggle="responsive-menu"></button> </div>
Does anybody have a solution for my problem ?