change line-height and width of submenu

Hello

I am using the megajux menu on one of my joomla website projects. I have changed quiet a bit in the appearance but it still needs a bit more of adjustment.

I just cannot find out, where to change the second and third level of the menu. The submenu takes too much space and I would like to make the distance to the main menu smaller (line height? margin? padding?)... and less away from the third level menu...

For both issues, I simply cannot find, where to adjust the css... firebug does not give a hint where to do the changements. Do you have an idea?

The site is online on: www.carvil34.myhostpoint.ch/irea - there is a protection of the site, which can be openend:


thank you for your inspiration.

Dear emarae.
You can go to ....modules/mod_jux_megamenu/assets/css/style.css and change css that you want.
But if you want to change such as padding, margin.. for level 2, level 3... you have to write class for them
Because in style.css don't have class private for ever level
If you want change padding, margin.. you can paint for me. I will help you.

Dear Huyentt

thank you for your quick reply - it would be great if you could help. I really struggle a bit with writing classes and where to put them...

I have reopen your super user access to the site - same username and password als last time (I send it to you again in a private message).

I appreciate you help very much - you are great!

Kind regards from Zurich - Switzerland,
emarae

Hi Emarae.
I'm sorry. what do you want? You can draw it for me? I will do for you.
Example: how do you want the submenu, that have padding, margin..?
Thanks you

Hello Huyentt

I am sorry to be so complicated... I have made a drawings of my wishes..... The 2nd and 3rd level of the menu just needs to get closer ..

Attached you will find a pdf with the print screen and my comments.

Thank you so much!

Emarae

Hi emarae.
I fixed it for you. I did the below:
1.gap between partner& Team & about
Go to advanced tab of module. I add line code:
li.megacss.first.haschild.submenu-align-auto {
margin-bottom: -12px!important;
}
2. The text on 1line:
Go me menu item/Team/Submenu column width
I set colw1=300
3. gap bettween 2rd & 3rd
Go to ..modules/mod_jux_megamenu/assets/css/style.css line 544
edit from left: 30px; to left: -45px;
Please check your site and feedback to me again.

Dear Huyentt

thank you very much for the adjustment - it looks they way I exactly wanted! Great!

However there are two things which bother me still:

First: The vertical distance on the menu for SEVICES to the 2nd level (Advisory, Transaction, Solutions) did not automatically change with your work. How can I do this? And how, if we add further 2nd/3rd level menus.... can it adjust automatically?

Second: The font size of the 3rd level menu (Georg Oberdick, Wei Grueber-Wang) is bigger than the one of the second level.... where can I change this? I only see, the font sizes are 1em throuout... but it is not the same size... hmmm

This is all really complicated, but I am very positive that the menu is almost perfect!

Kind regards,
Caroline

Hi emarae.
Thanks your feedback to me again.
I fixed it for you.
Please check it and feedback to me again,
I did the below:
1. The gap for submenu:
Go to modules/mod_jux_megamenu/assets/css/style.css and line 402 add line code the below:
margin-bottom: -12px;
Go to
2. The font-size:
Go to modules/mod_jux_megamenu/assets/css/style.css and line 119 edit font-size from 1.1em to 1em
Go to modules/mod_jux_megamenu/assets/css/style/blackwhite.css and comment line 72
/*font-size: 1em;*/

Dear Huyentt

thank you very much for your help - now I am really happy and you have done a fantastic job!!!

I wish you all the best and have a nice day.

Emarae

I'm glad that everything is working great now, If you need any further assistance please feel free to reply this ticket or create a new one.

Thank you for choosing our extension and using our service.

If you enjoy it, please kindly write us a review and vote 100 point for each section for our extension on JED:

extensions.joomla.org/extensions/extensi...ystems/jux-mega-menu

This means a lot to us and we'd be very thankful for your review. Thank you so much in advance.