By default, MenuMachine menus will position themselves according to where you place the MenuMachine floating box on the page. You can get a browser to override this position using these options.

MenuMachine has a variety of Relative Positioning options that will keep the menu in a fixed position relative to the browser window when the windows is resized.

The relative positioning options Horizontal and Vertical allow you to position the menu relative to the sides of the browser window or relative to the center of the window.

The offset is the number of pixels you'd like the menu to be offset from the default left, center or right positions. You can enter a negative value for the offset.

To use these options, check the box to the left of the Vertical or Horizontal pull-down list to enable it, select the type of positioning you'd like and then, if required, set an offset value.

The Scroll to maintain vertical position option will allow the menu to remain in the same location on the screen even when the browser is vertically scrolled. It will move to re-take the position where you placed the floating box in the page.

You can choose how smooth you would like the scrolling to appear and the speed at which you would like the menu to move to take its new position. This option may not work well in all browsers (particularly older ones) due to DHTML rendering bugs in those browsers, so ensure you test your pages thoroughly after enabling it.

Note: You can't use Horizontal and Vertical offset at the same time as Scroll to maintain vertical position options.


For the most powerful and flexible way to position the menu, use the Lock to image position option which is discussed next.

Important - Use Page Margins

Some browsers need page margins specified so they can display the position of elements accurately. Set your page margins to 0px (zero) pixel values for best results. Some browsers (Internet Explorer for example) will not handle anything BUT 0px margins correctly. Also, the page margins must be set in the page, not just in a CSS.

There are a couple of ways to do set the margins to zero:

1. Choose Special > Page Properties or click on the Page Properties icon (looks like a page with text on it) at the top of the page's window (Left side GL6, Right side GLCS) to open the Page Inspector.

2. In the Page Inspector, click the Page tab and enter values in pixels in the Margin Width and Margin Height text boxes.

OR

To set the page margin offset to zero:

Right-click (Windows) or Control-click (Mac OS) in the page and choose Document > Set Page Margins To Zero from the context menu.