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.
Thanks!
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.
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! 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. My problem is: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...
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; }
Bookmarks