Menu icon Foundation
Changeing top bar breaking point

Hi have this code

<div class="contain-to-grid sticky">
  <nav class="top-bar" data-topbar role="navigation">
    <ul class="title-area">
      <li class="name">
        <h1><a href="#">Lorem ipsum</a></h1>
      </li>
      <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
      <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
    </ul>

    <section class="top-bar-section">
      <!-- Right Nav Section -->
      <ul class="right">
        <li><a href="#">Coopis um</a></li>
      </ul>

    <!-- Left Nav Section -->
      <ul class="left">
    	<li><a href="#">Kampis</a></li>
		<li><a href="#">Delcorectur</a></li>
		<li><a href="#">Misasintox</a></li>
        <li><a href="#">Nissam dissam doo</a></li>
        <li><a href="#">swimp</a></li>
      </ul>
    </section>
  </nav>
</div>
            

         
            

         

I have tried to change the top barbreaking point but with no prevail. I use the scss version. How can I make this happen?

top barmenuBreak Point

Hi have this code

<div class="contain-to-grid sticky">
  <nav class="top-bar" data-topbar role="navigation">
    <ul class="title-area">
      <li class="name">
        <h1><a href="#">Lorem ipsum</a></h1>
      </li>
      <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
      <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
    </ul>

    <section class="top-bar-section">
      <!-- Right Nav Section -->
      <ul class="right">
        <li><a href="#">Coopis um</a></li>
      </ul>

    <!-- Left Nav Section -->
      <ul class="left">
    	<li><a href="#">Kampis</a></li>
		<li><a href="#">Delcorectur</a></li>
		<li><a href="#">Misasintox</a></li>
        <li><a href="#">Nissam dissam doo</a></li>
        <li><a href="#">swimp</a></li>
      </ul>
    </section>
  </nav>
</div>
            

         
            

         

I have tried to change the top barbreaking point but with no prevail. I use the scss version. How can I make this happen?