Title: Change Navigation Bar
Last modified: August 19, 2016

---

# Change Navigation Bar

 *  [stolz1952](https://wordpress.org/support/users/stolz1952/)
 * (@stolz1952)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/change-navigation-bar/)
 * I am happy with the length of the Navigation Bar but would like to add another
   line of page links underneath the present one.
 * Have been into style css “Navigation Menus” and change the height and line numbers
   with no success. Can someone please help
 * Theme is Estetica 1.0
 * Thank you

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/change-navigation-bar/#post-1396503)
 * There are thousands of WordPress themes – which means that many people won’t 
   be familiar with your particular theme. So a link to your site might help.
 *  Thread Starter [stolz1952](https://wordpress.org/support/users/stolz1952/)
 * (@stolz1952)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/change-navigation-bar/#post-1396513)
 * Thanks never thought of that
 * [http://www.skincenteral.com](http://www.skincenteral.com)
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/change-navigation-bar/#post-1396601)
 * Try removing `height:38px;` from:
 *     ```
       .navcontainer {
       background:#FFFFFF none repeat scroll 0 0;
       border-bottom:10px solid #BCBDA5;
       height:38px;
       }
       ```
   
 * in style.css
 *  Thread Starter [stolz1952](https://wordpress.org/support/users/stolz1952/)
 * (@stolz1952)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/change-navigation-bar/#post-1396672)
 * Thanks for the reply tried that this morning and nothing happened.
 * Unfortunately being a newbie I am not at all familular with html
 * If I go to the header.php and cut this out the Navigation Bar vanishes altogether
   dont know if this is of any help
 * <div id=”pagemenucontainer”>
    <ul id=”pagemenu”> <li <?php if(is_home()) { ?>
   class=”current_page_item” <?php } ?>>/”>Home <?php wp_list_pages(‘depth=1&sort_column
   =menu_order&title_li=’ ); ?>
 * This is a copy of the style.css from Navigation Menus down to Content.
 * /* NAVIGATION MENUS */
 * #pagemenucontainer {
    height: 30px; margin-top: 25px; background: url(images/
   pagemenu-left.png) top left no-repeat; padding-left: 11px; }
 * #pagemenu {
    height: 30px; float: left; background: #b3b58d url(images/pagemenu-
   right.png) top right no-repeat; }
 * #pagemenu, #pagemenu ul {
    padding: 0; margin: 0; list-style: none; line-height:
   1; } #pagemenu { }
 * #pagemenu ul {
    float: left; list-style: none; margin: 0px 0px 0px 0px; padding:
   0px }
 * #pagemenu li {
    float: left; list-style: none; margin: 0px; padding: 6px 6px;}
 * #pagemenu ul li {
    list-style: none; margin: 0px; padding: 0px; }
 * #pagemenu li a, #pagemenu li a:link {
    color: #fff; display: block; margin: 0;
   padding: 8px 10px 0 0; text-decoration: none; text-transform: uppercase; font-
   weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-
   shadow: 0 1px 0 #88885a; }
 * #pagemenu li a:hover, #pagemenu li a:active{
    color: #fff; display: block; text-
   decoration: underline; }
 * #pagemenu li.current_page_item a {
    color:#fff; }
 * #pagemenu li:hover, #pagemenu li.sfhover {
    position: static; }
 * .navcontainer {
    height: 38px; background: #fff; border-bottom: 10px solid #bcbda5;}
 * #nav {
    height: 38px; }
 * #nav, #nav ul {
    padding: 0; margin: 0; list-style: none; line-height: 2; } #
   nav { padding-left: 10px; }
 * #nav ul {
    float: left; list-style: none; margin: 0px 0px 0px 0px; padding: 0px;}
 * #nav li {
    float: left; list-style: none; margin: 0px; padding: 0px; }
 * #nav ul li {
    list-style: none; margin: 0px; padding: 0px; }
 * #nav li a, #nav li a:link {
    color: #4e4d4d; display: block; margin: 0px 3px 
   0px 3px; padding: 8px 12px 8px 12px; text-decoration: none; font-size: 14px; 
   font-weight: bold; text-transform: uppercase; }
 * #nav li a:hover, #nav li a:active {
    color: #fff; display: block; text-decoration:
   none; background: #bcbda5; -moz-border-radius: 8px 8px 0 0; -khtml-border-radius:
   8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; 
   text-shadow: 0 1px 0 #959679; }
 * #nav li.current-cat a {
    color:#fff; background: #bcbda5; -moz-border-radius:
   8px 8px 0 0; -khtml-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px
   0 0; border-radius: 8px 8px 0 0; text-shadow: 0 1px 0 #959679; }
 * #nav li:hover, #nav li.sfhover {
    position: static; }
 * Sorry I dont know if any of this is helpful
 * Thanks for your time
    Shirley

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Change Navigation Bar’ is closed to new replies.

## Tags

 * [navigation links](https://wordpress.org/support/topic-tag/navigation-links/)
 * [page links](https://wordpress.org/support/topic-tag/page-links/)
 * [templet](https://wordpress.org/support/topic-tag/templet/)
 * [Themes](https://wordpress.org/support/topic-tag/themes/)

 * 4 replies
 * 2 participants
 * Last reply from: [stolz1952](https://wordpress.org/support/users/stolz1952/)
 * Last activity: [16 years, 3 months ago](https://wordpress.org/support/topic/change-navigation-bar/#post-1396672)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics