Question

I am playing around with this jquery mega menu plugin and all of the examples has the menu starting on the left side of the screen.

Is there any way to have this centered so if i have a wide monitor, it will show up in the center horizontally.

Answer 1

By editing the CSS you can restyle it to “float” in the middle. I tested this using firebug on the example linked site. I had to override the width property from 100% to a fixed width, and then add the margin: 0 auto. The auto is the magic to allow it to center itself for a fluid design.

#megaMenu { /* This is the ul tag the contains the mega menu */
    width: 600px;
    margin: 0 auto;
}

If you provide an example of your own markup implementing this design we can help you tailor it a little more specifically. Take a look at jsfiddle