Master Login
Username:
Password:
Client Login
Username:
Password:
Basic Updating Tutorials Editing Features Tutorials Advanced Tutorials

Changing JavaScript Menu Settings

  1. Go to the 'Website Design – Navigation' page.

    Menu settings

  2. Select the select the type of menu from the drop down – 'JavaScript'

  3. Enter the menu position - Select an option from the drop down list – Horizontal or vertical.

  4. Enter the main button colour - Select a colour from the colour picker or enter your own.

  5. Enter the roll over button colour -
    This colour displays when you hold your mouse over the button. Select a colour from the colour picker or enter your own.

  6. Enter a main & a roll over font colour - Select these colours from the colour picker or enter your own.

  7. Enter the start top position
    This determines where the menu starts displaying from the top. ONLY ENTER NUMBERS HERE. There is no need to add px to the end of any numbers entered. If you do, it will stop your menu from displaying.

  8. Enter a start left position
    This determines where the menu starts displaying from the left of the browser screen. As above, only enter numbers here.

  9. Enter a border colour
    This will display around the edge of each button. Select a colour from the colour picker or enter your own.

  10. Display Menu option - Select 'yes' to display the menu on your site.

  11. Enter the Arrows Colour
    Arrows will display on your menu to indicate that there are sub sections from the main page. Select a colour from the colour picker and it will be applied to the arrow displayed. Entering a custom colour is not available here, you must select from the colour picker.

  12. Enter the Vertical Alignment
    This setting affects where the menu will appear on the screen. Although at first glance it does appear to duplicate the menu positions you have already entered, this actually will allow you a lot more flexibility.

    Here you can specify where you want the position of the menu to start from. The number that you entered earlier in the 'Start Top Position' will be used with the 'Vertical Alignment' setting to place the menu exactly where you want it.
    Menu alignment settings

    For example;

    Menu positioning

    If you enter '10' into the 'Start Top Position' and then select 'bottom' from the 'Vertical Alignment' drop down menu you will see the menu appears at the bottom of the browser window. You will also notice that it is slightly off the screen.

    Realigning the javascript menu

    If you go back and replace the 'Start Top Position' with '-10' and submit the changes, you can see the menu positioned at the bottom of the screen without the bottom of the menu missing.

    The numbers that you use to position your menu can be positive or negative. The 'Vertical Alignment' you select determines where the 'Start Top Position' number is counted from.

  13. Enter the Menu Alignment - Select from left, right and center.

  14. Submit your changes and view your web site.


Also see:
View PDF Open PDF Help Sheet
Watch Video Tutorial Watch Video Tutorial