added top level menu item with styling

This commit is contained in:
Jacob Haddon 2020-03-19 18:01:57 -04:00
parent 0543e34fd9
commit 7705fa81c7
3 changed files with 54 additions and 35 deletions

View File

@ -59,6 +59,7 @@ function twentyten_setup() {
// This theme uses wp_nav_menu() in one locations.
register_nav_menus( array(
'header-menu' => __( 'Header Menu', 'twentyten'),
'primary' => __( 'Footer Navigation Menu', 'twentyten' )
) );
}

View File

@ -14,7 +14,6 @@
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<link rel="profile" href="http://gmpg.org/xfn/11" />
<script type="text/javascript">
WebFontConfig = {
custom: { families: ['OFLSortsMillGoudyRegular', 'OFLSortsMillGoudyItalic'],
@ -62,14 +61,15 @@
<body <?php body_class(); ?>>
<div id="wrapper">
<?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
<?php wp_nav_menu( array( 'container_class' => 'melville_menu', 'theme_location' => 'header-menu' ) ); ?>
<div id="header">
<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
<<?php echo $heading_tag; ?> id="site-title">
<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
</<?php echo $heading_tag; ?>>
<div id="site-description"><?php bloginfo( 'description' ); ?></div>
</div><!--#header-->
<div id="content">

View File

@ -568,7 +568,7 @@ p.form-allowed-tags {
box-shadow: 1px 4 20px #dddddd;
}
#menu div.menu, #menu div.menu-footer { background-color: #dadada; border-bottom-style: double;
#menu div.menu, #menu div.menu-footer { background-color: #dadada; border-bottom-style: double;
border-bottom-color: #bbb;
border-bottom-width: 3px;
border-top-style: double;
@ -610,4 +610,22 @@ span.older-posts a, span.newer-posts a{
margin-right: 20px;
}
/* NEW THINGS! */
#site-title {
padding-top: 30px;
}
/* menu styles */
.melville_menu ul {list-style: none; padding:0px;}
.melville_menu ul ul {display: none;position:absolute;background-color: white;}
.melville_menu li {display:inline-block; padding-right: 20px;}
.melville_menu li a {text-decoration: none;}
.melville_menu li:hover ul {display: block;}
.melville_menu li li {display:block; text-align: left; padding-top: 10px; padding-left: 5px;}
.melville_menu li ul {}
.melville_menu li li a {}
.melville_menu { text-align: center; font-variant: small-caps;}
/* @end */