WordPress › Support » how to remove the navigation bar on a theme?

jbee
Member
Posted 2 years ago #

Hello...
I am using wordpress for the first time and am not familiar with working with codes etc. I am using the this-just-in-theme for my blog and would like to remove the navigation bar in the header. i have removed the nav-bar code in header.php (as per several posts and troubleshooting posts i read on the internet etc) but the header still remains. Please help!
My blog is at:
http://wwww.iwtc.org/1820blog and am trying to remove
thanks very much
jbee

doc4
Member
Posted 2 years ago #

jbee,

This should be deleted from the file header.php:

<div id="nav_menu">
<!--Main navigation menu-->
<ul>
<li><a <?php if(is_front_page()) echo 'class="current" '; ?>href="<?php bloginfo('url'); ?>" title="Home">Home</a></li>
<li><a <?php if(is_home()) echo 'class="current" '; ?>href="<?php bloginfo('url'); ?>/blog/" title="Blog">Blog</a></li>
<li><a <?php if(is_page('about')) echo 'class="current" '; ?>href="<?php bloginfo('url'); ?>/?page_id=2" title="About <?php bloginfo('name'); ?>">About</a></li>
<li><a <?php if(is_archive() || is_page('archives')) echo 'class="current" '; ?>href="<?php bloginfo('url'); ?>/archives/" title="Visit the archives">Archives</a></li>
<li><a href="<?php bloginfo('url'); ?>/feed/" title="RSS Feed">Feed</a></li>
<!--<li><a href="<?php bloginfo('url'); ?>/sitemap/" title="Sitemap">Sitemap</a></li>-->
</ul>
</div><!--close nav_menu id-->

Be sure you are not looking in the header_plain.php.

godt
Member
Posted 2 years ago #

Or in your css:

#nav_menu {
display: none;
}

That way you can keep your header file intact in case you ever want to include the navigation.

jbee
Member
Posted 2 years ago #

thanks so much to both of u...:)...it was the nav_menu in the css that it did! thanks again...jbee

Mitchellrw
Member
Posted 2 years ago #

I'm having the same problem. I wanted to add drop down menus to my site but was unable to find a plugin that would add Drop downs to my existing menu so I found the "dropdown menu" plugin but I can't figure out how to get rid of the existing navigation menu.

I tried the CSS solution presented here but when I added the code, nothing happened. I was also unable to find the code above in the header.php file.

Any other solutions would be welcome? Thanks!

-Will
website: http://www.slaterbaptistchurch.org

Mitchellrw
Member
Posted 2 years ago #

Here are the codes.. maybe this will make it easier to answer my question.

style.css

/*
Theme Name: Sero
Theme URI: http://www.churchwebdeveloper.com/sero/
Description: A revolutionary WordPress theme for Churches. Featuring: robust control panel, native events, custom navigtion, many backgrounds, color variants, sermon slideshow, announcement images, widgetized sidebar option and much more.
Version: 1
Author: Aaron Robbins - ChurchWebDeveloper.com
Author URI: http://www.churchwebdeveloper.com
Tags: church, ministry, events, slideshow, carousel, widgets, custom background, custom header, fixed width, two column, control panel
*/

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
    margin:0; padding:0
    }

table {
    border-collapse:collapse;
    border-spacing:0;
    }

fieldset, img {
    border:0
    }

address, caption, cite, code, dfn, em, strong, th, var {
    font-style:normal; font-weight:normal
    }

h1, h2, h3, h4, h5, h6 {
    font-size:100%
    }

strong {
    font-weight:700
    }

em {
    font-style:italic
    }

* a {
    position:relative
    }

a {
    text-decoration:none
    }

a img {
    border:none
    }

/* Clear */
.clear{
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    background:transparent;
    overflow:hidden;
    margin:0;
    padding:0;
    }

/* Hide */
.hiddencontent {
	display:none;
	}

/* Default Links */
a:link {
    color:#777;
    text-decoration:none;
    }

a:visited {
    color:#777;
    text-decoration:none;
    }

a:hover {
    color:#CCC;
    text-decoration:none;
    }

a:active {
    color:#777;
    text-decoration:none;
    }

/* Layout */
body{
    margin:0;
    padding:0;
    text-align:center;
    font-family: "Arial", "Helvetica", "Verdana", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6em;
    vertical-align: top;
    /* background set in theme options */
    color:#EFEFEF;
    }

    /* (header.php) */
    #header{
        width:800px;
        margin:0 auto;
        margin-top:2em;
        background:#000;
        text-align:left;
        }

        #header-logo{
            width:530px;
            float:left;
            padding:20px 10px;
            overflow:hidden;
            }

            #header-logo h1{
                padding:2px 0px;
                font-size:28px;
                }

              #header-logo h1 a:link {
                color:#EEE;
                }

              #header-logo h1 a:visited {
                color:#EEE;
                }

              #header-logo h1 a:hover {
                color:#AAA;
                text-decoration:none;
                }

              #header-logo h1 a:active {
                color:#EEE;
                }

            #header-logo h5{
                padding:3px 0px;
                font-size:14px;
                color:#777;
                }

        #header-search{
            width:230px;
            float:right;
            padding:10px;
            text-align:right;
            }

            /* (searchform.php) */
            #searchform{
                padding-top:10%;
                }

            #searchform input{
                background:#444;
                font-size:14px;
                padding:2px;
                }

                .search-input{
                    border:1px solid #4E4E4E;
                    color:#999;
                    }

                .search-submit{
                    border:2px solid #222;
                    color:#BBB;
                    }

    /* Main Templates */
    #content{
        width:800px;
        margin:0 auto;
        text-align:left;
        background:#000 url(images/content-bg.jpg) repeat-y top left;
        }

        #content-left{
            width:535px;
            float:left;
            padding-left:5px;
            }
 #content-navigation{
                position:relative;
                display:block;
                height:26px;
                font-size:11px;
                font-weight:bold;
                /* Set in header */
                background:transparent url(images/content-navigation-bg-seagreen.gif) repeat-x top left;
                font-family:Arial,Verdana,Helvitica,sans-serif;
                border-bottom:1px solid #444;
                }

                /* Content Navigation */
                #content-navigation ul{
                    margin:0px;
                    padding:0;
                    list-style-type:none;
                    width:auto;
                    }

                #content-navigation ul li{
                    display:block;
                    float:left;
                    margin:0;
                    }

                #content-navigation ul li a{
                    display:block;
                    float:left;
                    color:#fff;
                    text-decoration:none;
                    padding:1px 12px 0 12px;
                    height:25px;
                    /* Set in header */
                    background:transparent url(images/content-navigation-divider-seagreen.gif) no-repeat top right;
                    }

                #content-navigation ul li a:hover{
                    color:#fff;
                    /* Set in header */
                    background:#00423e url(images/content-navigation-divider-seagreen.gif) no-repeat top right;
                    }

                    /* Current page & current cat in header */

            #content-area{
                padding:2.5em 20px;
                background:#f7f7f7 url(images/content-area-bg.jpg) no-repeat top center;
                }

            /* (index.php) */
            #index-graphic{
                width:535px;
                background:#000;
                }

                .pics { height: 260px; width: 535px; padding:0; margin:0; overflow: hidden;}
                .pics img { height: 260px; width: 535px; top:0; left:0 }

            /* (page.php) */
            #page-graphic {
                width:535px;
                height:100px;
                background:#000;
                }

            /* Post - Page Content */
            hr{
                margin: 0px;
	            padding: 0px;
                border:0;
                height:2px;
                color:#CCC;
                background-color:#CCC;
                border-bottom:1px solid #fff;
                margin-bottom:1em;
            }

            .post p{
                margin:0 0 1.2em 0;
                }

            .post ul, .post ol{
                list-style-position:inside;
                padding-bottom:1.2em;
                }

            #post-meta{
                background:#EEEEEE;
                padding:.7em 1em;
                font-size:10px;
                color:#555;
                }

            .posts-navigation{
                padding:1em 0;
                height:40px;
                }

            html > body .posts-navigation{
                height:auto;
                }

            /* single.php */
            #comments{
                margin-top:1em;
                background:#f7f7f7;
                height:100px;
                }

            html > body #comments{
                height:auto;
                }

            /* comments.php */
            #comments ul{
                list-style-type:none;
                margin-bottom:1em;
                }

            #comments li{
                margin:10px 0;
                padding:10px;
                border:1px solid #E2E2E2;
                height:50px;
                }

            html > body #comments li{
                height:auto;
                }

            #comments .odd{
                 background:#FEFEFE;
                }

            #comments .even{
                 background:#F1F1F1;
                }

            #comment-form{
                margin:20px 0;
                }

            #comment-form h3{
                padding-bottom:.5em;
                }

            #comment-form p{
                padding-bottom:1em;
                }

            #comment-form input, #comment-form textarea{
                padding:4px;
                background:#FFF;
                border:1px solid #CCC;
                font-size:16px;
                }

                /* archive.php */
                #archive{
                    padding-bottom:1em;
                    }

                #post-events ul{
                    list-style-type:none;
                    }

                #post-events li{
                    padding:10px 0 20px 0;
                    border-bottom:1px solid #ccc;
                    }

                #post-events .end-list{
                    border:0;
                    }

                #post-events a{
                    font-size:22px;
                    }

                /* archives.php */
                #archives-lists{
                    margin-top:1em;
                    }

                #archives-lists ul{
                    list-style-position:inside;
                    }

        /* Main Templates */
        #content-right{
            width:260px;
            float:left;
            }

            /* (sidebar.php) */
            #sidebar{
                width:255px;
                padding-right:5px;
                }

            #sidebar-big-links {
                /* set in header */
                background:#000 url(images/sidebar-big-links-bg-seagreen.jpg) no-repeat top right;
                }

            #sidebar-big-links ul{
                list-style-type:none;
                }

            #sidebar-big-links li{
                width:225px;
                height:40px;
                padding:15px 10px 5px 20px;
                overflow:hidden;
                }

            #sidebar-subscribe{
                height:30px;
                padding:10px 0px 0px 25px;
                background:#000 url(images/sidebar-subscribe-bg.jpg) no-repeat top right;
                overflow:hidden;
                color:#777;
                }

            #sidebar-subscribe img{
                border:0;
                padding:0px 4px 0px 10px;
                display:inline;
                vertical-align:middle;
                }

                /* Sidebar Navigation */
                #sidebar-navigation{
                    position:relative;
                    display:block;
                    height:25px;
                    font-size:11px;
                    font-weight:bold;
                    /* Set in header */
                    background:#009999;
                    font-family:Arial,Verdana,Helvitica,sans-serif;
                    }

                   #sidebar-navigation ul{
                        margin:0px;
                        padding:0;
                        list-style-type:none;
                        width:auto;
                        }

                    #sidebar-navigation ul li{
                        display:block;
                        float:left;
                        margin:0;
                        }

                    #sidebar-navigation ul li a{
                        display:block;
                        float:left;
                        color:#fff;
                        text-decoration:none;
                        padding:2px 15px 0 15px;
                        height:23px;
                        /* Set in header */
                        background:#009999;
                        }

                    #sidebar-navigation ul li a:hover, #sidebar-navigation ul li a.current{
                        color:#fff;
                        background:#3B3B3B;
                        text-decoration:none;
                        }

                #sidebar-events, #sidebar-news, #sidebar-widgets{
                    width:215px;
                    padding:10px 20px;
                    background:#d9f3f1 url(images/sidebar-events-news-bg.jpg) repeat-y top left;
                    }

                    #sidebar-news ul, #sidebar-events ul, #sidebar-widgets ul, #sidebar-widgets ul li ul{
                        list-style-type:none;
                        }

                    #sidebar-news li, #sidebar-events li, #sidebar-widgets li{
                        padding:4px 0;
                        }

                        #sidebar-news li.start-list, #sidebar-events li.start-list{
                            border-bottom:1px solid #CCC;
                            }

                        #sidebar-news li.mid-list, #sidebar-events li.mid-list{
                            border-top:1px solid #FFF;
                            border-bottom:1px solid #CCC;
                            }

                        #sidebar-widgets ul li ul li{
                            color:#444;
                            border-bottom:1px solid #CCC;
                            }

                        #sidebar-news li.end-list, #sidebar-events li.end-list{
                            border-top:1px solid #FFF;
                            }

    /* (footer.php) */
    #footer{
        width:800px;
        margin:0 auto;
        text-align:left;
        background:#000;
        }

        .footer-box{
            width:180px;
            float:left;
            margin:10px 5px 5px 5px;
            }

        html>body .footer-box{
            margin:10px 9px 5px 9px;
            }

        .footer-box img{
            padding:2px;
            border:1px solid #444;
            }

  /* Footer Navigation */
  #footer-navigation{
    width:780px;
    margin:0 auto;
    text-align:center;
    border-top:1px solid #222;
    border-bottom:1px solid #222;
    }

  #footer-navigation ul{
      list-style-type:none;
      width:auto;
      }

  #footer-navigation ul li{
      display:inline;
      margin:0;
      }

  #footer-navigation ul li a{
      color:#999;
      text-decoration:none;
      padding-right:30px;
      font-size:11px;
      }

  #footer-navigation ul li a:hover{
      color:#DDD;
      text-decoration:underline;
      }

    #copyright{
        width:780px;
        margin:0 auto;
        margin-bottom:1em;
        padding:10px;
        text-align:center;
        }

    #copyright p{
        padding-bottom:.5em;
        }

    .footer-phone{
        padding-left:25px;
        }

/* H2 */
.post h2{
    line-height:1.1em;
    font-family:georgia, times new roman, serif;
    font-size:28px;
    padding-bottom:.5em;
    }

.post h2 a:link {
    color:#242424;
    text-decoration:none;
    }

.post h2 a:visited {
    color:#242424;
    text-decoration:none;
    }

.post h2 a:hover {
    color:#444;
    text-decoration:underline;
    }

.post h2 a:active {
    color:#242424;
    text-decoration:none;
    }

#sidebar-big-links a{
    font-size:24px;
    font-family:Georgia, Times New Roman, serif;
    }

#sidebar-big-links a:link {
    color:#FFF;
    text-decoration:none;
    }

#sidebar-big-links a:visited {
    color:#FFF;
    text-decoration:none;
    }

#sidebar-big-links a:hover {
    color:#BFCDD7;
    text-decoration:underline;
    }

#sidebar-big-links a:active {
    color:#FFF;
    text-decoration:none;
    }

/* Text Size */
.normal{
    font-size:14px;
    }

.small{
    font-size:12px;
    }

.smaller{
    font-size:11px;
    }

.big{
    font-size:18px;
    }

/* Text Colors */
.gray{
    color: #555;
}

.light-gray{
    color:#AAA;
    }

.dark-gray{
    color:#333;
    }

here is the file for Header.PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    <head profile="http://gmpg.org/xfn/11">
	    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
	    <title>
              <?php
              if (is_home()){
                bloginfo('name'); echo " | "; bloginfo('description');
              }
              elseif (is_category()){
                single_cat_title(); echo " | "; bloginfo('name');
              }
              elseif (is_single() || is_page()) {
                single_post_title(); echo " | "; bloginfo('name');
              }
              elseif (is_search()){
                bloginfo('name'); echo " | Search Results: "; echo wp_specialchars($s);
              }
              else {
                wp_title('',true);
              }
              ?>
        </title>
	    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
	    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
	    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
	    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
	    <?php wp_head(); ?>
        <?php
        global $options;
        foreach ($options as $value) {
            if (get_option($value['id']) === FALSE) {
                $$value['id'] = $value['std'];
            }
            else {
                $$value['id'] = get_option($value['id']);
            }
        }
        ?>
        <script type="text/javascript">
        $jQuery = jQuery.noConflict();
        $jQuery(function() {
            $jQuery('#index-graphic').cycle({
                height:260,
                sync: 1,
                pause: 1,
                timeout:  <?php echo $sero_fp_speed; ?>,
                speed:  1500,
                delay: -2000
            });

            $jQuery.jtabber({
			    mainLinkTag: "#sidebar-navigation a", // much like a css selector, you must have a 'title' attribute that links to the div id name
			    activeLinkClass: "current", // class that is applied to the tab once it's clicked
			    hiddenContentClass: "hiddencontent", // the class of the content you are hiding until the tab is clicked
			    showDefaultTab: 1, // 1 will open the first tab, 2 will open the second etc.  null will open nothing by default
			    showErrors: true, // true/false - if you want errors to be alerted to you
			    effect: 'slide', // null, 'slide' or 'fade' - do you want your content to fade in or slide in?
			    effectSpeed: 'medium' // 'slow', 'medium' or 'fast' - the speed of the effect
		    });
        });
        </script>
        <script language="JavaScript" type="text/javascript">
        function changeFontSize(inc)
        {
          var p = document.getElementsByTagName('p');
          for(n=0; n<p.length; n++) {
            if(p[n].style.fontSize) {
               var size = parseInt(p[n].style.fontSize.replace("px", ""));
            } else {
               var size = 14;
            }
            p[n].style.fontSize = size+inc + 'px';
           }
        }
        </script>
        <?php
        switch ($sero_color_variant) {
          case "seagreen":
              $sero_color_variant_hex = "#009999";
              break;
          case "red":
              $sero_color_variant_hex = "#990000";
              break;
          case "blue":
              $sero_color_variant_hex = "#006699";
              break;
          case "green":
              $sero_color_variant_hex = "#006633";
              break;
          case "gray":
              $sero_color_variant_hex = "#676767";
              break;
          default:
              $sero_color_variant_hex = "#009999";
        }
        ?>
        <style type="text/css">
            body {
                background:#180f07 url(<?php bloginfo('template_url'); ?>/images/backgrounds/<?php echo $sero_background; ?>) repeat-x top left;
                }

            #sidebar-big-links {
                background:#000 url(<?php bloginfo('template_url'); ?>/images/sidebar-big-links-bg-<?php echo $sero_color_variant; ?>.jpg) no-repeat top right;
                }

            #content-navigation{
                background:transparent url(<?php bloginfo('template_url'); ?>/images/content-navigation-bg-<?php echo $sero_color_variant; ?>.gif) repeat-x top left;
                }

            #content-navigation ul li a{
                background:transparent url(<?php bloginfo('template_url'); ?>/images/content-navigation-divider-<?php echo $sero_color_variant; ?>.gif) no-repeat top right;
                }

            #content-navigation ul li a:hover, #content-navigation .current-cat a, #content-navigation .current-cat a:hover, #content-navigation .current_page_item  a, #content-navigation .current_page_item  a:hover {
                background:#00423e url(<?php bloginfo('template_url'); ?>/images/content-navigation-divider-<?php echo $sero_color_variant; ?>.gif) no-repeat top right;
                }

            #sidebar-navigation{
                background:<?php echo $sero_color_variant_hex; ?>;
                }

            #sidebar-navigation ul li a{
                background:<?php echo $sero_color_variant_hex; ?>;
                }
        </style>
    </head>
<body>
<div id="header">
    <div id="header-logo">
        <?php
        if ($sero_logo == "none" || $sero_logo == "" || !$sero_logo){
        ?>
            <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
            <h5><?php bloginfo('description'); ?></h5>
        <?php
        }
        else{
        ?>
            <a href="<?php echo get_option('home'); ?>/">
                <img src="<?php bloginfo('template_url'); ?>/images/logo/<?php echo $sero_logo; ?>" alt="<?php bloginfo('name'); echo " | "; bloginfo('description'); ?>" title="<?php bloginfo('name'); echo " | "; bloginfo('description'); ?>" />
            </a>
        <?php
        }
        ?>
    </div>
    <div id="header-search">
        <?php include (TEMPLATEPATH . "/searchform.php"); ?>
    </div>
    <div class="clear"></div>

</div>

<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />

alchymyth
The Sweeper
Posted 2 years ago #

css solution:
change the style of

#content-navigation{
                position:relative;
                display:block;
                height:26px;
                font-size:11px;
                font-weight:bold;
                /* Set in header */
                background:transparent url(images/content-navigation-bg-seagreen.gif) repeat-x top left;
                font-family:Arial,Verdana,Helvitica,sans-serif;
                border-bottom:1px solid #444;
                }

to:
#content-navigation {display:none;}

the html/php code for the menu is not in header.php; you'll probably find it in index.php, single.php, or page.php.

probably somthing similar to this:

<div id="content-navigation">
      <ul>
<?php wp_list_pages('title_li='); ?>
      </ul>
</div>

Mitchellrw
Member
Posted 2 years ago #

thanks, that worked perfect!

MaggieB
Member
Posted 2 years ago #

I have a similar problem. I wanted to have drop down menus but try as I might I just could not get them to work using the existing tabs generated in the new Svetlina theme. While it asks for the parent, and puts the child where it belongs in the sidebar in both pages and categories it will not make the tabs dropdowns. Any ideas how I would get those to work?

My first choice would have been to keep the theme bars but since I cannot get them to drop down I am going to plan B so I downloaded and activated the Pixio Multi-Level Navigation plugin. BUT now there are THREE bars! If I have to keep the Multi-Level Blue one all the way at the top I would like to hide or eliminate the one on the upper right above the banner phone number ad that reads HOME/About Us/Contact Us/Insurance. These are reflecting pages. But there should be a Mortgage Insurance page below Inusrances but it won't drop down. The other navigation bar below that listing the categories is fine to just stay, as a matter of fact I like that there so customers do not miss anything. BUT I don't need three!

The site is http://www.virginiainsurances.com/

So... can anyone help me with this?
It seems like it should be easy but its got me frustrated.
Thanks for any and all help you can give me!

WordPress.org

Forums

how to remove the navigation bar on a theme? (9 posts)

Topic Closed

About this Topic

Tags

Code is Poetry