ASE Site Help 01
How to fix the navbar height?
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<!-- This where the website begins -->
<body>
<!-- Applies black container shadow -->
<div id="ASEwrapper">
<!-- This imports the top portion of the website -->
<div class="container">
<div class="row">
<div class="col-xs-12" id="ASEheader"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12" id="ASEmenubar"> <!-- Home | Dealers | About Us | Contact Us -->
<ul>
<li><a href="/ase_site_new/index.html">Home</a></li>
|
<li><a href="/ase_site_new/dealers.html">Dealers</a></li>
|
<li><a href="/ase_site_new/about.html">About Us</a></li>
|
<li><a href="/ase_site_new/contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<!-- These are the breadcrumbs that show the page progession -->
<div class="container">
<div class="row">
<div class="col-xs-12" id="ASEbreadcrumbs">
<ol class="breadcrumb">
<li class="active">Home</li>
</ol>
</div>
</div>
</div>
<div class="container" id="contentContainer">
<div class="row" id="defineMainRow">
<!-- This imports the side bar navigation of the website -->
<div class="col-xs-3 sidebar" id="ASEsideNav">
<!-- This is left Vertical Nav bar -->
<div class="navbar navbar-inverse" id="ASEsideNav">
<!-- This is the heading -->
<div id="ASEsideHeader">
<h3 id="ASEheading">Our Products</h3>
</div>
<div class="collapse navbar-collapse" id="ASEsideNav">
<ul class="nav nav-stacked" id="menu-bar"> <!-- Notice the "nav-stacked" class we...
CSS
/*
* Template-specific stuff
*
* Customizations just for the template; these are not necessary for anything
* with disabling the responsiveness.
*/
/* Account for fixed navbar */
body {
/*padding-top: 70px;*/
padding-bottom: 30px;
min-width: 1002px;
}
html, body{
background: rgba(19,19,19,1);
/* Old Browsers */background: -moz-linear-gradient(-45deg, rgba(19,19,19,1) 0%, rgba(28,28,28,1) 9%, rgba(43,43,43,1) 24%, rgba(17,17,17,1) 40%, rgba(0,0,0,1) 49%, rgba(44,44,44,1) 50%, rgba(71,71,71,1) 61%, rgba(102,102,102,1) 75%, rgba(89,89,89,1) 88%, rgba(76,76,76,1) 100%);
/* Chrome,Safari4+ */background: -webkit-linear-gradient(-45deg, rgba(19,19,19,1) 0%, rgba(28,28,28,1) 9%, rgba(43,43,43,1) 24%, rgba(17,17,17,1) 40%, rgba(0,0,0,1) 49%, rgba(44,44,44,1) 50%, rgba(71,71,71,1) 61%, rgba(102,102,102,1) 75%, rgba(89,89,89,1) 88%, rgba(76,76,76,1) 100%);
/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(-45deg, rgba(19,19,19,1) 0%, rgba(28,28,28,1) 9%, rgba(43,43,43,1) 24%, rgba(17,17,17,1) 40%, rgba(0,0,0,1) 49%, rgba(44,44,44,1) 50%, rgba(71,71,71,1) 61%, rgba(102,102,102,1) 75%, rgba(89,89,89,1) 88%, rgba(76,76,76,1) 100%);
/* IE 10+ */background: linear-gradient(135deg, rgba(19,19,19,1) 0%, rgba(28,28,28,1) 9%, rgba(43,43,43,1) 24%, rgba(17,17,17,1) 40%, rgba(0,0,0,1) 49%, rgba(44,44,44,1) 50%, rgba(71,71,71,1) 61%, rgba(102,102,102,1) 75%, rgba(89,89,89,1) 88%, rgba(76,76,76,1) 100%);
/*background-image: url('images/bg-center.png');*/
background-attachment: fixed;
height: 100%;
}
/*Misc Information*/
/*============================================================*/
/* Website Font Colors */
/*ASERed*/
/*rgb(210, 56, 25)*/
/*#DE2109*/
/*ASEYellow*/
/*rgb(239, 168, 3)*/
/*White*/
/*#ffffff*/
/*Black*/
/*#000000*/
/*Top - Right - Bottom - Left*/
/*padding: 10px 0px 0px 0px;*/
/* Finesse the page header spacing */
.page-header {
margin-bottom: 30px;
}
.page-header .lead {
margin-bottom: 10px;
}
/*Custom...