Welcome, Guest
Username Password: Remember me

Menu is too wide
(1 viewing) (1) Guest
  • Page:
  • 1
  • 2

TOPIC: Menu is too wide

Menu is too wide 14 years ago #638

  • merome
  • OFFLINE
  • Fresh Boarder
  • Posts: 1
  • Karma: 0
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?

Menu is too wide 13 years, 11 months ago #2735

  • jsw2k
  • OFFLINE
  • Fresh Boarder
  • Posts: 2
  • Karma: 0
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?

Menu is too wide 13 years, 11 months ago #2779

  • kvo
  • OFFLINE
  • Fresh Boarder
  • Posts: 16
  • Karma: 0
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..

Menu is too wide 13 years, 11 months ago #2782

  • dryabov
  • OFFLINE
  • Administrator
  • Denis Ryabov, Lead Developer
  • Posts: 4867
  • Karma: 105
Try to add
ul#mainlevel{width:100%}

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

Menu is too wide 13 years, 11 months ago #2786

  • kvo
  • OFFLINE
  • Fresh Boarder
  • Posts: 16
  • Karma: 0
unfortunately, it does not solve this problem...the menu is still to wide and does not fit in my HTC screen

Menu is too wide 13 years, 11 months ago #2787

  • dryabov
  • OFFLINE
  • Administrator
  • Denis Ryabov, Lead Developer
  • Posts: 4867
  • Karma: 105
kvo wrote:
unfortunately, it does not solve this problem...the menu is still to wide and does not fit in my HTC screen

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

Menu is too wide 13 years, 11 months ago #2788

  • kvo
  • OFFLINE
  • Fresh Boarder
  • Posts: 16
  • Karma: 0
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%;

Menu is too wide 13 years, 11 months ago #2789

  • dryabov
  • OFFLINE
  • Administrator
  • Denis Ryabov, Lead Developer
  • Posts: 4867
  • Karma: 105
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)
div.moduletable{width:100%}

Menu is too wide 13 years, 11 months ago #2790

  • kvo
  • OFFLINE
  • Fresh Boarder
  • Posts: 16
  • Karma: 0
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..

Menu is too wide 13 years, 11 months ago #2792

  • dryabov
  • OFFLINE
  • Administrator
  • Denis Ryabov, Lead Developer
  • Posts: 4867
  • Karma: 105
After testing in Firefox it seems that the only and ugly way to force it to be breakable (without using of float elements) is
ul#mainlevel{word-wrap:break-word}

(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.
  • Page:
  • 1
  • 2
Time to create page: 0.71 seconds

By continuing to use this site you consent to the use of cookies on your device as described in our cookie policy unless you have disabled them. This site will not function correctly without cookies.

I accept cookies from this site.