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!
Printable View
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:
First break it out as follows so the changes you make will not interfere with the other declarations. Like this:Code:#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #9a9a9a;
font-weight: bold;
color: #ffffff;
height: 1%;
width: 100%;
}
Code:#navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #9a9a9a;
font-weight: bold;
color: #ffffff;
height: 1%;
width: 100%;
}
adjust the height by changing the portion in redCode:#navMainWrapper {
margin: 0em;
background-color: #9a9a9a;
font-weight: bold;
color: #ffffff;
height: 1%;
width: 100%;
}
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.
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:Quote:
Originally Posted by clydejones
-------------------------------------------------------------------------------------------
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
and change it as followsCode:#navMain ul, #navSupp ul, #navCatTabs ul {
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
text-align: center;
line-height: 1.5em;
}
Code:#navSupp ul, #navCatTabs ul {
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
text-align: center;
line-height: 1.5em;
}
Add the portion in redCode:#navMain ul {
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
text-align: center;
line-height: 1.5em;
vertical-aliogn: middle;
}