I am looking on the demo menu on http://www.softcomplex.com/products/tigra_menu/demo/blue/
displaying the "Traditional Blue". What do I need to do to have unique width for the menu items : "Menu Compatibility", "Docs & Info", "Product Demos","Contact".
Presently all menu items on main menu top level has the same width. I would like to specify unique width for menu items "Menu Compatibility", "Docs & Info", "Product Demos","Contact". So they would not be the same but have thier unique width.
Also how do I align the menu text ("Menu Compatibility", "Docs & Info", "Product Demos","Contact") text to be centered both horizontal and vertical? Presently they are aligned left horizontal and top vertical.
Has anyone figured out this could happen?
I have edited menu_tpl.js to where you have multiple MENU_POS (MENU_POS1, MENU_POS2,...) and edited menu_items.js to where you have multiple
MENU_ITEMS (MENU_ITEMS1, MENU_ITEMS2,...). In my menu jsp I then perform the following:
new menu (MENU_ITEMS1, MENU_POS1);
new menu (MENU_ITEMS2, MENU_POS2);
new menu (MENU_ITEMS3, MENU_POS3);
Can't believe how the solution is so simple.
So all I have to do is to place the necessary positions so all the menus are beside each other and hence appears as one main menu with each link having its own size.