Main menu in the middle

Is possible to have the main menù in the center of the page?

http://www.studiomorriconi.com/luxvillae/

Its almost there... please edit override.css and modify:

Code: Select all

#gkMainMenu {
margin: 59px 0px 0 0px!important;
width: 100%;
}


(remove -16 px code)

Thanks!
But now i have another problem! The items of the drop down menu are in the same line and centered. No good!

Hi.
Also lloking to duplicate that effect. The solution mentioned didnt work on http://spnliving.net/wssldir/

@MaxP4:
The problem is with declaratins on override.css - they change behave of all menu items, and You would like to do it only for main menu items.
Change them to:

Code: Select all

#gkMainMenu #gkExtraMenu > ul {text-align: center;}
#gkMainMenu #gkExtraMenu > ul > li {float: none; display: inline-block}
#gkMainMenu #gkExtraMenu > ul > li ul {text-align: left;}


It should do the trick.

@gematriot: if you will paste this code:

Code: Select all

#gkMainMenu #gkExtraMenu > ul {text-align: center;}
#gkMainMenu #gkExtraMenu > ul > li {float: none; display: inline-block}
#gkMainMenu #gkExtraMenu > ul > li ul {text-align: left;}


to override.css - it will work.

Thanks!

No problem .
If You will have any other questions, feel free to post new forum threads.

Would you please be kind enough to assist me in getting the top nav menu to display on the right side of page? I'm trying to make the "template switch" as seemless as possible and with the menu items on the top left it's pretty obvious to my users that "something" is changing.

I'm using the Joomla 2.5 Creativity template on the front end of our site and the Joomla 2.5 StoreBox template for the secondary pages / Virtuemart aspect.

Thank you in advance for your time.

Sorry, but your question doesn't correspond to this question topic. Please create new forum thread.

Okay, sorry for not posting in correct place. I did find a solution though for anyone needing it.

In the "override.css" file I added the following

/*align shop menu to right*/
#gkMainMenu {
width:100%;
}
#gkExtraMenu > .gkmenu {
float:right;
}

If You will have any other questions, feel free to post new forum threads.