Customize navigation bar on top and bar at footer

Hi,

Can someone guide me how i can edit the navigation bar on top of the cart? I would like to edit the height of the bar and also to remove the search button. I have checked through the numerous php files but is unsure which to edit. :no:

Thanks!

You can adjust the height in your stylesheet.css

fine this code:

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #9a9a9a;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}

First break it out as follows so the changes you make will not interfere with the other declarations. Like this:

#navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #9a9a9a;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}

#navMainWrapper {
	margin: 0em;
	background-color: #9a9a9a;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}

adjust the height by changing the portion in red

To turn off the search go to:
admin -> tools -> layout boxes controler -> search header.php and turn it off

Many thanks for the help! :yes: I have managed to remove the search button. Also, after adjusting the height of the navigation bar, i realised that the text gets truncated. How do i get the text to center vertically inside the bar?

Can i change the height for the footer bar as well? If yes, which entry in the stylesheet should i edit?

Many thanks once again!

Do you have a URL for your site so I can take a look.

clydejones:

Do you have a URL for your site so I can take a look.

I do hope i can show you a url, but the problem is, i am testing this on a demo server and it's not live yet. :no: My problem is:

Home | Log In | Shopping Cart

The height of the navigation bar is too 'thick' and i wanted to edit the height to make it smaller. I had managed to adjust the height by editting the stylesheet (height: 30px), but this is what i got:

Home | Log In | Shopping Cart -------------------------------------------------------

I want to have the nav. text centered vertically inside the bar...:unsure:

Try this:

again break it out so as not to interfer with other declarations

in your stylesheet.css find

#navMain ul, #navSupp ul, #navCatTabs ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

and change it as follows

#navSupp ul, #navCatTabs ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

#navMain ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	vertical-aliogn: middle;
        }

Add the portion in red