app/views/friends/_navbar.html.erb
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav" id="main-menu">
<li><a href="#page-welcome">Home</a></li>
<li><a href="#page-profile">About Friend of the Day</a></li>
<% if (logged_in? && !@user.phone_number) %>
<li><a href="#page-education">Add Your Number</a></li>
<% end %>
<% if logged_in? %>
<li><a href="#page-skills">Add Your Friends</a></li>
<% end %>
</ul>
<% if current_user %>
<div class="signed_in_info">
Hello <strong><%= current_user.name %></strong>! <br>
<!-- <div> -->
<%= link_to "Your Settings", "", class:"settings_button" %> |
<%= link_to "Sign out", signout_path, id: "sign_out" %>
<!-- </div> -->
<div class= "edit_number_form" id="phone_edit">
<h4>You can update your number here if you need to: </h4>
<%= form_for @user do |f| %>
<%= f.label :phone_number %><br>
<%= f.telephone_field :phone_number, placeholder: "+12128888888" %>
<%= f.submit class: "btn"%>
<% end %>
</div>
<% end %>
</div>
</div><!--/.nav-collapse -->
</div>