Menu icon Foundation
How to change breakpoint to the topbar with css?(Foundation5)

I am using Foundation 5 and I need to change the breakpoint to the topbar with css in 986px. I don't have knowledge using sass. somebody help me, please. thank you

topbar breakpont

I am using Foundation 5 and I need to change the breakpoint to the topbar with css in 986px. I don't have knowledge using sass. somebody help me, please. thank you

This post has been closed. No new replies can be added.

Bit Byte over 4 years ago

If you are using Foundation 5.5.2 (always give the exact version as Foundation is always developing and optimizing) then go to the rules under line 1695:

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:58.75em)/";
  width: 58.75em; }

This is showing the present breakpoint width. You need to replace with your desired width.

In addition to this you must also change it on line 2041:

@media only screen and (min-width: 58.75em) {

to the same as above.

You should also do a search before posting a question as this has been asked and answered many times before. There is a small box in right column (where your question appears) for doing this.