Above you can see the same Tigra Menu configuration as on the product page at our website. This sample demonstrates:
- Background image is applied to the root menu items (blue gradient repeated horizontally) via CSS property. Different image is specified to the rollover state of the item which creates the rollover effect (see menu.css)
- Background image is applied to hover state of sub-menus (white arrow on the left) via CSS property (see menu.css)
- Borders, fonts faces, font decorations etc. - all configured in CSS file for the menu levels independently (see menu.css)
- Item sizes, item offsets within menu block and block offsets are configured for the menu level independently (see menu_tpl.js)
- Properties omitted for the levels of the menu are inherited from the parent level (see menu_tpl.js)