How Do I Center the Links in the Main Menu?

Hello,

I need to know what I need to implement into the CSS to make the main menu links span in a Centered Display instead of justified left? I would want them to be centered and all buttons to fill the space.

Any help would be great! Thanks!

John

Hi

You want center only first level mainmenu or dropdown too ?

Just the top layer but it would be helpful to know both methods.

Thanks!

For top level menu try in override.css

Code: Select all

#gk-mainnav > div.gk-menu > ul {
padding:0 0 0 20%;
width:80%;
}


This give you opportunity to move menu from left. Try change last padding optino and width to feet space from left side to menu.
Important thing is that sum of width and last padding option must be 100.

Thanks! That worked to push the menu from the left. However really what I was after is to make the buttons span to fill the entire space of the top menu? I know that i will have a certain amount of menu items so adjusting the CSS to accommodate this will not be a big deal.

Basically have the entire menu bar filled evenly with each button spanning an appropriate distance to fill the entire bar not just centering the links in the middle of the bar.

Thoughts?