Submenu is far too wide. 3rd level opens too far

Hi again,

OK, you can see this problem at this URL:

drbens.pendanaweb.com/index.php/en/


Please note the following:

---

1. In English, the graphic menus are too wide.
2. Level 3 submenu appear at the edge of the entire 2nd level submenu. I would expect it to pop-up just adjacent to the menu item which parents this 3rd level s.m.
3. There is no arrow at the parent items which have children

4. In RTL (Hebrew/Arabic), in 2nd level submenu, the items appear as they are set in English. In RTL mode they should be ordered in a reverse order (So for example, menu item for women should be on the right and for couples on the left).
5. In RTL, the 3rd level submenu pops up at a distance which is roughly about the width of the 2nd level submenu - away. So for the support/User Related, you'll need to open your browser window very very wide to see it.

Please let me know if you need any other information or access.

Thank you for your time and concern.

ok, on the support item you must add the [subwidth=400] setting because here it understands that you have 3 columns of 200px, then 600px width for the submenu

edit the file
drbens.pendanaweb.com/modules/mod_maxime...p?monid=maximenuck88
line 456 on
div#maximenuck88 ul.maximenuck li.maximenuck div.floatck div.floatck {
border: 1px solid #777777;
border-radius: 5px;
margin: -30px 0 0 93%;
}

then line 450
on
div#maximenuck88 ul.maximenuck li.maximenuck div.floatck div.floatck {
border: 1px solid #777777;
border-radius: 5px;
margin: -39px 93% 0 0;
}

same as before, change the margin value to move the 3rd level in RTL
CEd
and change the margin value for
you can also add this in the file to put your RTL columns on the right and inverse order

Thank you so much!

That did the trick!

I don't know how I missed the part of the [subwidth=000] in the documentation.


a couple of notes:

For the:
div#<?php echo $id; ?> ul.maximenuck li.maximenuck div.floatck div.floatck

I prefer:
margin : -39px 93% 0 20%;

And for RTL:
margin: 0 10% 0 180px;

Not just a matter of taste, but rather of functionality.


Also, for the inverse order of the elements, actually .maximenuck2 is required rather than .maximenuck2.first because all the elements need to be floated, not only the first one (otherwise, elements on row 2...n are still floated left which is wrong).

I believe you should put this last bit in the distribution of the rtl php file, since all users dealing with RTL will need it by default.



May I add yet another question?

I updated to the latest version and now (as opposed to the previous), I have the mobile menu icon of 3 stripes appear at the top of the desktop menu, making it thicker and it is useless actually.
I tried turning it off by overriding css with:

.maximenumobiletogglericonck{
display:none!important;
}

#maximenumobiletogglericonck{
display:none!important;
}


But that didn't do the trick.

Any solution please???

Thanks a bunch

of course you can adjust the values to what you need

and that's right, the .first class shall not be used here, I was too fast !

for the mobile icon you can disable it from the module >> mobile options
CEd

PS : I have noted to add the css lines for the next version

Thanks very much again.

Please also consider writing the php file with variables that are written in an independent file (like the translation files of modules) for the css configurations.

It is very annoying and dangerous that version updates override user modifications.

Just my 2c

make you own theme to avoid update problems, like explained here
docs.joomlack.fr/maximenu-ck/5-how-to-customize-a-theme