Mega menu alignment problem

Hi

We have a problem with the megamenu. The mega menu is aligned left to the begining of each menu item. This causes the problem displayed. is there any way to align the submenu always in the begining of the template. Any help would be appreciated!

Preview: http://mot.innotech.gr

Hi,

I'm having a problem with connecting to your site to check the issue, it's not loading right now. I will get back to check later, however my solution is to use a class suffix for that menu item to realign its submenu.

Cheers,

Hi Don Lee and thanks for the reply!

You should be able to load the site now. If it's easy for you, can you please give me a class suffix example because my skills in css are not very good?

Thanks in advanced!

Yeah it works now. I will give you an example to apply for "ΚΟΙΝΩΝΙΑ" menu item.

1. Go to config this menu item, under section "Menu Params (GavickPro)", add a suffix class for "Additional class", let's say "myclass". http://easycaptures.com/fs/uploaded/501/0632262390.png

2. Add this code to CSS Override to realign the submenu:

Code: Select all

li.myclass > div.childcontent{
 margin-left: -211px!important;
}


Cheers,

don lee you are perfect!

Thank you very very much! this worked like a charm!

You are most welcome feel free to let me know if you need any other helps.

Have a nice day,