Zen Cart Logo
Forums / General Questions / Category's in Navigation Menu Help!!

Category's in Navigation Menu Help!!

Views: 1,036

Results 1 to 13 of 13
17 Sep 2012, 5:27 PM
#1
darion avatar

darion

Zen Follower

Join Date:
Sep 2012
Posts:
169
Plugin Contributions:
0

Category's in Navigation Menu Help!!

Hello I have been searching for this for sometime and cannot seem to find it.

Here is my question: I would like to list my categories in the navigation menu across the top of my site instead of having all the less important things their like info and home and so on. Is there a way to do this and if so how? Im new to this so if there is a way please explain thank you for your time. Here is my site so you can see what I mean if you need to mysterydrawer.com (please be advised this is an adult products site)

Thank you all very much.

17 Sep 2012, 5:34 PM
#2
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,843
Plugin Contributions:
17

Re: Category's in Navigation Menu Help!!

The menu bar is probably an add-on or mod that you will need to first turn off. Then you will need to turn on the NavCatTabs menu in the admin >> Configuration >> Layout Settings >> Categories-Tabs Menu ON/OFF. Set it to 1 to turn it on.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

17 Sep 2012, 5:49 PM
#3
darion avatar

darion

Zen Follower

Join Date:
Sep 2012
Posts:
169
Plugin Contributions:
0

Re: Category's in Navigation Menu Help!!

ok I will try that now thanks!! I will let you know what happens :)

17 Sep 2012, 5:51 PM
#4
darion avatar

darion

Zen Follower

Join Date:
Sep 2012
Posts:
169
Plugin Contributions:
0

Re: Category's in Navigation Menu Help!!

Ok I did that and it made it a white bar with the categories however they were all messed up. is there a way to fix this nav menu once I turn it back on turned it off as to not scare people away :)

17 Sep 2012, 6:03 PM
#5
darion avatar

darion

Zen Follower

Join Date:
Sep 2012
Posts:
169
Plugin Contributions:
0

Re: Category's in Navigation Menu Help!!

Here is what it looks like now trying to adjust it and figure out why three of my categories are bunched to the left like that. mysterydrawer.com if you can help please let me know!! Thanks

17 Sep 2012, 6:09 PM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Category's in Navigation Menu Help!!

Not sure what you're asking. You have the Categories tab in the header dropdown links. Do you want the categories listed a third time above that ?

17 Sep 2012, 6:13 PM
#7
darion avatar

darion

Zen Follower

Join Date:
Sep 2012
Posts:
169
Plugin Contributions:
0

Re: Category's in Navigation Menu Help!!

Yes, Im trying to list them across the top if I can get that right then I will get rid of the others. I have made the box clear so it is not white any more however Im trying to figure out how to make the text larger and why there is one category on the left not with the others.

17 Sep 2012, 6:34 PM
#8
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Category's in Navigation Menu Help!!

Try adding the red part:

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
padding: 0.5em 0.2em;
color: #333;
height: 1%;
width: 1100px;
float: left;
}

You can change the link color here:

#navCatTabs ul li a {
color: white;
}

17 Sep 2012, 6:41 PM
#9
darion avatar

darion

Zen Follower

Join Date:
Sep 2012
Posts:
169
Plugin Contributions:
0

Re: Category's in Navigation Menu Help!!

That worked great thank you one more question how do I make the text size larger for them I can't seem to find it and is there an easy way to say box them off. Thank you for your help!!

17 Sep 2012, 7:25 PM
#10
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Category's in Navigation Menu Help!!

#navCatTabs ul li a {
color: white;
font-size: 1.5em;
}

Change the 1.5 to suit.

Sorry, I don't know what 'box them off' means.

18 Sep 2012, 2:15 AM
#11
darion avatar

darion

Zen Follower

Join Date:
Sep 2012
Posts:
169
Plugin Contributions:
0

Re: Category's in Navigation Menu Help!!

Thank you the font size worked great as for the box them off I meant like add lines on each side or around them so they look like they are in a box or seperated from each other.

18 Sep 2012, 3:51 AM
#12
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Category's in Navigation Menu Help!!

You can add a border: declaration to the same rule to put boxes around each link, or slightly more complex:

#navCatTabs ul li a {
color: white;
font-size: 1.5em;
} 
#navCatTabs ul li+li a {
border-left: 1px solid #aabbcc;
} 
``` This will put a separator line to the left of every link after the first one.
19 Sep 2012, 11:14 PM
#13
darion avatar

darion

Zen Follower

Join Date:
Sep 2012
Posts:
169
Plugin Contributions:
0

Re: Category's in Navigation Menu Help!!

That worked great thank you very much!!