Menu icon Foundation
Topbar unstack breakpoint

I have a problem with $topbar-unstack-breakpoint setting in my setting.scss file.

Right now I am trying to change breakpoint of my menu. Because I have a lots of links in it I wanted to show navigation on medium size like it is on small (hamurger icon as they call it). I tried to change default

$topbar-unstack-breakpoint: medium;

to

$topbar-unstack-breakpoint: large;

in hope that it will use the default breakpoints defined in _settings.scss

$breakpoints: (
  small: 0,
  medium: 640px,
  large: 1024px,
  xlarge: 1200px,
  xxlarge: 1440px,
);

but whatever I do it always breaks on 640px.

breakpointmenunavigation

I have a problem with $topbar-unstack-breakpoint setting in my setting.scss file.

Right now I am trying to change breakpoint of my menu. Because I have a lots of links in it I wanted to show navigation on medium size like it is on small (hamurger icon as they call it). I tried to change default

$topbar-unstack-breakpoint: medium;

to

$topbar-unstack-breakpoint: large;

in hope that it will use the default breakpoints defined in _settings.scss

$breakpoints: (
  small: 0,
  medium: 640px,
  large: 1024px,
  xlarge: 1200px,
  xxlarge: 1440px,
);

but whatever I do it always breaks on 640px.

Anton over 3 years ago

Try updating your Foundation. $topbar-unstack-breakpoint was introduced in feb 2016

Vladimir over 3 years ago

@Anton I did updated it and still the same problem. I have to use data-hide in order for menu to break as I need.