Navbar brand text for small sizes

This commit is contained in:
techzune
2019-02-04 14:26:05 -06:00
parent 0b8f1677e6
commit 398bd5c642

View File

@@ -1,10 +1,15 @@
<nav class='navbar navbar-expand-sm navbar-dark bg-primary flex-row pb-3'>
<div class='container md-0 flex-nowrap'>
<a class='navbar-brand collapse navbar-collapse' href='{{ url_for('main.index') }}'>
<img width="300" src='http://lib.msstate.edu/_assets/img/2015-header-logo-msstate.png' alt='Mississippi State University'/>
<a class='navbar-brand' href='{{ url_for('main.index') }}'>
{# img only visible when expanded #}
<img class="collapse navbar-collapse" width="300" src='http://lib.msstate.edu/_assets/img/2015-header-logo-msstate.png' alt='Mississippi State University'/>
{# text only visible when small display #}
<span class="d-sm-none">MState ETD System</span>
</a>
{# Visible only on large devices #}
<nav class='navbar-nav'>
<div class='collapse navbar-collapse'>
<a class='nav-link ml-auto p-3' href='#'><i class='fas fa-user mr-1'></i>Profile</a>
@@ -24,9 +29,9 @@
<div class='collapse navbar-collapse' id='navbarSupportedContent'>
{# Left side #}
<nav class='navbar-nav mr-auto'>
<a class='nav-link d-sm-none p-2' href='#'>Profile</a>
<a id='main-index' class='nav-link p-sm-3 p-2' href='{{ url_for('main.index') }}'>Home</a>
<a id='main-about' class='nav-link p-sm-3 py-sm-3 p-2' href='#'>About</a>
<a class='nav-link d-sm-none pl-3 p-2' href='#'>Profile</a>
<a id='main-index' class='nav-link p-sm-3 pl-3 p-2' href='{{ url_for('main.index') }}'>Home</a>
<a id='main-about' class='nav-link p-sm-3 pl-3 py-sm-3 p-2' href='#'>About</a>
</nav>
</div>
</div>