Menu is too wide

My website as seen on m.13er.at shows a menu on the top that ist too wide for smartphones so that not all menu items are visible.

Where can I find the setting to change this menu from fixed width to variable width?

I'm having the same problem and addressed it here: www.mobilejoomla.com/forum/topic.html?id=663

Unfortunately, there is little to no useful support documentation for this product, so I would be very interested in seeing a response to this question; but I('m not holding my breath. Maybe there's a better mobile solution?

Same problem overhere. The menu on the top of my website (www.karpervissersonline.nl) is also to wide to show all the menu items on a mobile device. I've tried several options but no succes so far. It looks like a common problem with websites who have such a top menu.

It's also strange that there is no reaction at all from the developper on this question / problem. It has been mentioned more than once on this forum. By the way, I don't see posts / reactions from the developper on questions (correct me if I'm wrong)....how should you get support when there seems to be none..?

I'm looking out to hear something..

Try to add

at the bottom of mj_xhtml.css. If it helps, this fix will be included in MJ0.9.10.

unfortunately, it does not solve this problem...the menu is still to wide and does not fit in my HTC screen

kvo wrote:

I don't found it at m.13er.at/templates/mobile_pda/css/mj_xhtml.css

Yes, thats quite simple, because that's not my website
My mobiel website can be found here: mobiel.karpervissersonline.nl

I've placed it in line 37:

ul#mainlevel {
border-bottom: 1px solid #D8D8D8;
list-style: none outside none;
margin: 0;
padding: 5px 10px;
width: 100%;

Sorry, I just looked at first message of the thread.

OK, I see.
Seems the problem is in default width of module's div. Try to add (in addition to the above code)

Ok, done that but it makes no different.
When I change the width to 10%, just to see what happens then, the text stands only closer to another.

@ line 16 stands:

div.moduletable {
width: 100%;
}

When you choose "Nieuwsoverzicht" above, you will see, that the links that will appear then, are somehow tried to be placed fixed in my screen but it does it wrong. Some parts are missing en are being cut off strangely. This behavior has not changed after I have added the 100% width options.
I'v been struggeling with this issue for some time and tried things with width etc. but nog luck so far..

After testing in Firefox it seems that the only and ugly way to force it to be breakable (without using of float elements) is

(note that it breaks items in any place, so first part of word will be on one line and second one on another)

But really it means that we should make special horizontal mode for mobile menu.
So, please wait.