Tag Archives: breakpoint

How to change top bar breakpoint using CSS in Foundation Zurb

Aside from using customize Foundation download, lately i was trying to change the Breakpoint width of top bar without redownloading the foundation css

There was no direct way like overiding the css file unless you are using SASS So you need to edit the orginal css file foundation.css or foundation.min.css depends which one you are using

1- search for “.top-bar-js-breakpoint” and edit the width

2- edit the min-width in  “@media only screen and (min-width: X em)” which follow  “.top-bar-js-breakpoint” directly