zurb foundation的用戶頭像6 navbar（頂部酒吧）

Question

我有頂部欄的用戶頭像，但箭頭在右側。如何獲得它在左邊？我無法在任何地方找到該css。參見圖：

使用的代碼是在Ruby on Rails的：

<li> 
    <%= link_to image_tag(current_user.profile.avatar.url(:small), class: "img-circle tiny-img"), "#" %> 
    <ul class="menu vertical"> 
    <li><%= link_to "Edit", edit_user_profile_path(current_user) %></li> 
    </ul> 
</li> 

另外，如何改變箭頭的顏色？

Answer 1

你需要添加CSS規則.is-dropdown-submenu-parent.is-down-arrow>a:before和修改CSS規則.is-dropdown-submenu-parent.is-down-arrow>a:after像這樣：

.is-dropdown-submenu-parent.is-down-arrow>a:before { 
    content: ''; 
    display: block; 
    width: 0; 
    height: 0; 
    border: 5px inset; 
    border-color: #2199e8 transparent transparent; 
    border-top-style: solid; 
    border-bottom-width: 0; 
    position: relative; 
    top: 0.25rem; 
    float: left; 
    right: 5px; 
} 

.is-dropdown-submenu-parent.is-down-arrow>a:after { 
    display: none; 
} 

Fiddle Demo

更改爲.is-dropdown-submenu-parent.is-down-arrow>a:before的top值改變箭頭的垂直位置。