Technote Details :: I want to keep my menu centered on page

I want to change the positioning of the CSS menu, to make it relative to another element or absolute on page. For example, I want to keep the menu centered on page, even when users resize the browser window.

The menus generated by the MX CSS Dynamic Menus have, by default, an absolute position on the page. To make it centered, even when the page size changes, its position must be relative towards an element that changes its size and position as well.

In order to position the menu relatively to another page element, you must assign it to a parent object, and then position that parent object according to your layout requirements.

For instance, if you would like your dynamic CSS menu to remain centered on the page, even when your visitors resize the browser window, place the menu inside a parent object, such as an HTML table or <div> tag, and align the object to the center. For a better control of the menu position and the page layout, we recommend using the second approach.

Login to add a new note