XF 1.5 Navigation Bar Questions

[T Money]

Hello all,

I am trying to change the Navigation Bar, and need some help.



Here's what I'd like to do:

1. Change font for the "main" top row
What are my font options and is there somewhere I can check? And how to add additional fonts? Is there a specific way to enter in the "Font Family"? I tried to enter "Trebuchet,serif" but does not work (I get some Time New Roman looking font instead).



2. Add or remove the Nav Bar tabs:
I some how managed to add the "Products" tab; I added some code to HTML, I don't remember. I don't think I did this correctly. Brogan mentioned there is a add-on for this, where can I find it?

3. Change the secondary Nav bar tabs:
How would I make a change the secondary bar tabs? (the blue bar). I tried the "Nodes as tabs" add-on but this does not seem to be appropriate. I'd like to make it a drop menu.

Thank you

 

[Paul B]

The font probably needs to be Trebuchet MS.

Adding or removing tabs requires editing the navigation template, otherwise if it's a node, you can use the nodes as tabs add-on.

I'm not aware of any other navigation related add-ons.

 

[T Money]

Thanks Brogan, "Trebuchet MS" worked. But what are my font options? Is there a folder I somewhere I can check?

For tabs, is there a guide of how to edit the navigation template? And I thought there was a add-on where I can showcase and sell products?

 

[Paul B]

These are the web safe fonts: http://www.w3schools.com/cssref/css_websafe_fonts.asp

Regarding editing the template, this set of guides should help: https://xenforo.com/community/resources/how-to.4390/

 

[rafass]

Recently I've customized my bar with Custom Tabs and some extra CSS.
I also got rid the secondary bar:

Still not 100% sure about this change but I like the result, more clean.

 

[T Money]

Looks very promising, will give it a try
thank you

 

[T Money]

@rafass
I downloaded and installed Custom Tabs, but where do I go to use this? I don't see it on Style Properties/Header and navigation

 

[rafass]

I've customized the navigation bar with own codes in extra.CSS.
I use the addon for add new links without edit the template. (more easy)
if you're using the default template I could help you with it. is just copy and paste few lines in EXTRA.css.

 

[Paul B]

You will need to post in the resource thread for support with it.