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:

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:

Code:

---

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

---

Code:

---

#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.

Quote:

---

Originally Posted by 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

Code:

---

#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

Code:

---

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

---

Code:

---

#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