Skip to content

Commit 0d2680e

Browse files
author
IronSummitMedia
committed
Bug Fix for 'Small Business' and 'Logo Nav'
Fixed an issue with the logo image position on these two templates.
1 parent cfdf13a commit 0d2680e

File tree

9 files changed

+29
-27
lines changed

9 files changed

+29
-27
lines changed

‎downloads/logo-nav.zip

-109 Bytes
Binary file not shown.

‎downloads/small-business.zip

-109 Bytes
Binary file not shown.

‎freelancer.php

+1-1
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
<li>Build with the <a href="http://bootswatch.com/flatly/">Flatly Theme</a> by <a href="http://bootswatch.com/">Bootswatch</a>. Try it with other Bootswatch skins!</li>
4545
<li>LESS files included for deeper customization.</li>
4646
<li>Collapsing navigation bar on scroll.</li>
47-
= </ul>
47+
</ul>
4848
</div>
4949
<div class="col-lg-12">
5050
<h3>Similar Templates:</h3>

‎logo-nav.php

-1
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,6 @@
4242
<h3>Design Recommendations:</h3>
4343
<ul>
4444
<li>Use a retina-ready, responsive image option for the logo in the navigation bar, for example, <a href="http://retinajs.com/" target="_blank">retina.js</a>.</li>
45-
<li>The menu items are centered with a faux center. You will need to edit the <code>logo-nav.css</code> file if you change the size of the logo or the size of the menu items in order to recenter the menu items.</li>
4645
</ul>
4746
</div>
4847
<div class="col-lg-12">

‎templates/css/logo-nav.css

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,6 @@ body {
22
margin-top: 125px; /* adjust this if the height of the menu bar changes */
33
}
44

5-
.nav {
6-
margin-top: 28px; /* this is a faux center fix for the nav options - adjust this if you wish to change the logo height or the font of the menu items */
5+
.navbar-fixed-top .nav {
6+
padding: 15px 0;
77
}

‎templates/css/small-business.css

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@ body {
22
margin-top: 125px; /* adjust this if the height of the menu bar changes */
33
}
44

5-
.nav {
6-
margin-top: 28px; /* this is a faux center fix for the nav options - adjust this if you wish to change the logo height or the font of the menu items */
5+
.navbar-fixed-top .nav {
6+
padding: 15px 0;
77
}
88

99
footer {

‎templates/freelancer/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -168,7 +168,7 @@ <h2>About</h2>
168168
<p>Whether you're a student looking to showcase your work, a professional looking to attract clients, or a graphic artist looking to share your projects, this template is the perfect starting point!</p>
169169
</div>
170170
<div class="col-lg-8 col-lg-offset-2 text-center">
171-
<a href="#" class="btn btn-lg btn-outline">
171+
<a href="http://startbootstrap.com/freelancer" class="btn btn-lg btn-outline">
172172
<i class="fa fa-download"></i> Download Theme
173173
</a>
174174
</div>

‎templates/logo-nav.html

+12-11
Original file line numberDiff line numberDiff line change
@@ -21,42 +21,43 @@
2121

2222
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
2323
<div class="container">
24+
<!-- Brand and toggle get grouped for better mobile display -->
2425
<div class="navbar-header">
25-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
26+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
2627
<span class="sr-only">Toggle navigation</span>
2728
<span class="icon-bar"></span>
2829
<span class="icon-bar"></span>
2930
<span class="icon-bar"></span>
3031
</button>
31-
<!-- You'll want to use a responsive image option so this logo looks good on devices - I recommend using something like retina.js (do a quick Google search for it and you'll find it) -->
32-
<a class="navbar-brand logo-nav" href="index.php">
33-
<img src="http://placehold.it/150x75&text=Logo">
32+
<a class="navbar-brand" href="#">
33+
<img src="http://placehold.it/150x50&text=Logo" alt="">
3434
</a>
3535
</div>
3636

3737
<!-- Collect the nav links, forms, and other content for toggling -->
38-
<div class="collapse navbar-collapse navbar-ex1-collapse">
38+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
3939
<ul class="nav navbar-nav navbar-right">
40-
<li><a href="#about">About</a>
40+
<li>
41+
<a href="#">About</a>
4142
</li>
42-
<li><a href="#services">Services</a>
43+
<li>
44+
<a href="#">Services</a>
4345
</li>
44-
<li><a href="#contact">Contact</a>
46+
<li>
47+
<a href="#">Contact</a>
4548
</li>
4649
</ul>
4750
</div>
4851
<!-- /.navbar-collapse -->
4952
</div>
50-
<!-- /.container -->
5153
</nav>
5254

5355
<div class="container">
5456

5557
<div class="row">
5658
<div class="col-lg-12">
5759
<h1>A custom navigation with a logo and faux centered menu items.</h1>
58-
<p>The image size is 150x75 pixels. If you change the logo size, or if you change the font of the menu items, you will need to re-center the menu items in
59-
<code>logo-nav.css</code>.</p>
60+
<p>The image size is 150x50 pixels. If you change the logo size, or if you change the font of the menu items, you will need to adjust the padding in <code>logo-nav.css</code>.</p>
6061
</div>
6162
</div>
6263

‎templates/small-business.html

+11-9
Original file line numberDiff line numberDiff line change
@@ -21,33 +21,35 @@
2121

2222
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
2323
<div class="container">
24+
<!-- Brand and toggle get grouped for better mobile display -->
2425
<div class="navbar-header">
25-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
26+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
2627
<span class="sr-only">Toggle navigation</span>
2728
<span class="icon-bar"></span>
2829
<span class="icon-bar"></span>
2930
<span class="icon-bar"></span>
3031
</button>
31-
<!-- You'll want to use a responsive image option so this logo looks good on devices - I recommend using something like retina.js (do a quick Google search for it and you'll find it) -->
32-
<a class="navbar-brand logo-nav" href="index.php">
33-
<img src="http://placehold.it/150x75&text=Logo">
32+
<a class="navbar-brand" href="#">
33+
<img src="http://placehold.it/150x50&text=Logo" alt="">
3434
</a>
3535
</div>
3636

3737
<!-- Collect the nav links, forms, and other content for toggling -->
38-
<div class="collapse navbar-collapse navbar-ex1-collapse">
38+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
3939
<ul class="nav navbar-nav navbar-right">
40-
<li><a href="#about">About</a>
40+
<li>
41+
<a href="#">About</a>
4142
</li>
42-
<li><a href="#services">Services</a>
43+
<li>
44+
<a href="#">Services</a>
4345
</li>
44-
<li><a href="#contact">Contact</a>
46+
<li>
47+
<a href="#">Contact</a>
4548
</li>
4649
</ul>
4750
</div>
4851
<!-- /.navbar-collapse -->
4952
</div>
50-
<!-- /.container -->
5153
</nav>
5254

5355
<div class="container">

0 commit comments

Comments
 (0)