Menue is Not Completely Visible - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Menue is Not Completely Visible

FP

Felix Pena-Sommer

Template 4 years ago

Dear all, I've got a problem with my menus when using the Boxed Layout. They are being cut. https://1drv.ms/u/s!ApP852Q0XLwohMEPa8gA9Pb-nKhMBA?e=3GlIQj Do you have any idea how to fix this problem?

Regards Felix

0
8 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 4 years ago #5380

Hi, Give me your site URL please

0
FP
Felix Pena-Sommer
Accepted Answer
4 years ago #5381
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #5390

If I may... you have to change "Dropdown Position" from default value to left, it should help a little bit. But MegaMenu must be enabled.

left21.png

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #5391

2nd idea, even more effective / die zweite Idee, meiner Meinung nach noch effektiver.

In template Options > Custom Code > Custom CSS add those lines:

 .sp-megamenu-parent { float: left; padding-left: 5%;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding: 15px;} 
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {left: 75%;}

Effect after: after.png

But if possible reduce menu root structure or use MegaMenu and two columns to divide content. It would be easier to nagivate.

0
FP
Felix Pena-Sommer
Accepted Answer
4 years ago #5501

Thank you for the answer. Unfortunately it didn't work. But I'll reduce the subemenu structures. This will solve the problem. Felix

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #5510

Felix, why you haven't used my CSS - it could help, as you could see on the screenshot mock-up.

0
FP
Felix Pena-Sommer
Accepted Answer
4 years ago #5514

Hi Paul, I tried your css-code and you can see the results in these two pictures:

  1. https://1drv.ms/u/s!ApP852Q0XLwohMER5tQgMPbTTp27Aw?e=iwDKTF4
  2. https://1drv.ms/u/s!ApP852Q0XLwohMESKkPcw6HgYspW8g?e=oEBL5c

Unfortunately the problem with the Boxed Layout is that all the menu-part, that is out of the box is being cut. If you've a short article in the component position and therefore a minimal height of the boy (see pictures), also the vertical menu isn't displayed completely. At least there's a scrollbar, that appears.

So either I've to reduce my menu items or change to some kind of MegaMenu. Or find a solution without the functionality of the Boxed-Layout. The startpage doesn't use it.

But thank you for your support Felix

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #5520

Yes, Unfortunately Boxed-Layout in current version of HU has it's own limitations.

As I saw was better, but not perfect. That's why I still recommend to NOT use very deep menu structure, max 2 levels.

0