Header menu styles

This commit is contained in:
Aaron Yarborough 2018-12-20 20:28:49 +00:00
parent c9c4891882
commit b568151672
2 changed files with 18 additions and 8 deletions

View file

@ -53,14 +53,23 @@
<div class="col-sm-12"> <div class="col-sm-12">
<div class="text-center"> <div class="text-center">
<nav> <nav>
<ul class="gar-list-flat gar-header-nav"> <!-- <ul class="gar-list-flat gar-header-nav">
<li><a href="<?php echo esc_url(home_url('/category/scripts')) ?>">Scripts</a></li> <li><a href="<?php echo esc_url(home_url('/category/scripts')) ?>">Scripts</a></li>
<li><a href="<?php echo esc_url(home_url('/category/server-backups')) ?>">Backups</a></li> <li><a href="<?php echo esc_url(home_url('/category/server-backups')) ?>">Backups</a></li>
<li><a href="<?php echo esc_url(home_url('/category/tools')) ?>">Tools</a></li> <li><a href="<?php echo esc_url(home_url('/category/tools')) ?>">Tools</a></li>
<li><a href="<?php echo esc_url(home_url('/category/levels')) ?>">Other</a></li> <li><a href="<?php echo esc_url(home_url('/category/levels')) ?>">Other</a></li>
<li><a href="#" data-toggle="search"><span class="fa fa-search"></span></a></li> <li><a href="#" data-toggle="search"><span class="fa fa-search"></span></a></li>
<li class="gar-menu-submit"><a href="<?php echo esc_url(home_url('/submit')) ?>">Submit</a></li> <li class="gar-menu-submit"><a href="<?php echo esc_url(home_url('/submit')) ?>">Submit</a></li>
</ul> </ul> -->
<div class="gar-header-nav">
<?php
wp_nav_menu(array(
'theme_location' => 'header-menu'
));
?>
</div>
</nav> </nav>
</div> </div>
</div> </div>

View file

@ -52,12 +52,13 @@ a:hover {
color: #111; color: #111;
} }
.gar-header-nav { .gar-header-nav ul {
margin: 20px 0; margin: 20px 0;
} }
.gar-header-nav li { .gar-header-nav ul li {
margin: 0 10px; margin: 0 10px;
display: inline-block;
} }
#postGrid .gar-post-box { #postGrid .gar-post-box {
@ -192,7 +193,7 @@ pre {
.gar-userbox { .gar-userbox {
position: absolute; position: absolute;
right: 10%; right: 8%;
padding: 5px 15px; padding: 5px 15px;
background-color: #111; background-color: #111;
top: 0; top: 0;