varun-r-mallya/wona.github.com
1
0
Fork 0
mirror of https://github.com/WatchOutNewsAgency/wona.github.com.git synced 2026-02-12 19:00:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed the navbar on scroll and removed logo

Browse Source
This commit is contained in:
Asutosh Palai
2016-07-05 00:44:33 -04:00
parent 5bc6cc62ec
commit 24f1390145
2 changed files with 25 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
_includes/navbar.html
View File

@ -1,7 +1,7 @@
<div class="navbar-wrapper"> <div class="navbar-wrapper" data-spy="affix" data-offset-top="15">
<div class="container-fuild"> <div class="container-fuild">
<nav class="navbar navbar-default navbar-static-top"> <nav class="navbar navbar-default">
<div class="container"> <div class="container">
<div class="navbar-header"> <div class="navbar-header">
@ -11,7 +11,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<a class="navbar-left" href="/"><img class="navbar-logo" src="/images/logo.png" alt="WONA Logo"></a> <a class="navbar-left" href="/"><span class="navbar-title">Watchout!</span></a>
</div> </div>
<div id="navbar" class="navbar-collapse collapse"> <div id="navbar" class="navbar-collapse collapse">

24
css/base.scss
View File

@ -93,11 +93,17 @@ body {
// ================ NAV ================// // ================ NAV ================//
.navbar-wrapper { .navbar-wrapper {
position: absolute; position: relative;
top: 0; top: 0;
right: 0; right: 0;
left: 0; left: 0;
z-index: 20; z-index: 20;
background: black;
&.affix {
position: fixed;
}
} }
@ -113,10 +119,24 @@ body {
.navbar { .navbar {
background: transparent; background: transparent;
@include gradient-vertical($start-color: rgba(0,0,0,.4), $end-color: rgba(0,0,0,.0001));
border: none; border: none;
padding-top: 5px; padding-top: 5px;
font-weight: bold; font-weight: bold;
font-family: Merriweather;
font-size: 25px;
margin-bottom: 0px;
border-bottom: 0px;
.navbar-header {
margin-top: 0.2em;
}
.navbar-title {
text-transform: uppercase;
color: #ffffff;
line-height: normal;
padding-top: 5px;
}
.navbar-toggle { .navbar-toggle {
margin-top: 10px; margin-top: 10px;