JointsWP Flexトップバーalign-right not working

FlexモードでJointsWPをFoundation 6で使用しています。私は "行の列"で動作しているグリッドに一番上のバーを含むようにしようとしていますが、何らかの未知の理由でトップバーの右を右に揃えられません。これは私のコードです：JointsWP Flexトップバーalign-right not working

<div class="title-bar" data-responsive-toggle="top-bar-menu" data-hide-for="<?php echo $breakpoint ?>"> 
    <button class="menu-icon" type="button" data-toggle></button> 
</div> 

<div class="top-bar" id="top-bar-menu"> 
    <div class="row column"> 
     <div class="top-bar-left show-for-<?php echo $breakpoint ?>"> 
      <ul class="menu"> 
       <li><a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a></li> 
      </ul> 
     </div> 
     <div class="top-bar-right align-right"> 
      <?php joints_top_nav(); ?> 
     </div> 
    </div> 
</div>

そしてこれは、それがどのように見えるかです：

Top Bar