How to put SubMenu in the center of the screen?

Hi,

How can i position the Submenu on the center of the screen?
like the following image:


I set the submenu width to 973 px,(same as wrapper main)
and i want it to be aligned with the wrapper-main
so that it covers everything under it when it opens

i tried so many ways of alignment
but none works the same on all browsers
and none stays in the same position as the screen zooms in or out

can somebody help?

thanks in advance
regards
flora-organica.com team

anybody?

Hi

Please send an address to Your site and the access to joomla panel with ability to manage css files.

thanks for your concern
i granted u access to the site,
i also wanted to point out that my menu is just appearing/disappearing without any animation
so if u can find out why this is happening, i would be grateful

regards

Hi

I've investigated the change and unfortunately I can't be helpful much. I know that it needs some changes at file templates/[Your template]/js/menu/mega.js

You will need to set the submenu drowing after main element hover the things at class childcontent to

Code: Select all

left:0;


and the element inside this layer childcontent-inner-wrap to:

Code: Select all

width:100%;


and

megacol column1 first signed element to 100% also

and also the options element childcontent-inner to 100%:

that list.mega element to for example

Code: Select all

width:200px;
float:left;


I'm sorry but I'm really dump if it goes with JS and do not know how to make thoose changes