Scrolling Menu Or Reducing Space In Rows Menu - Question | JoomShaper

Scrolling Menu Or Reducing Space In Rows Menu

MN

Michael Nolden

Template 2 months ago

Hi there,

I use the educon Template and got a crazy issue with the mainmenu especially the sub-menuparts. As school we have to list all subjects on the homepage so that there is a long list in the menu. But the problem is that the list is for HD-Resolutions (and iPads aswell) so long that the menu-items at the bottom cant be seen.

Is there a possibility to reduce the spacing between these rows in the menu or even make it kind of scrollable?

When I open the menu right now and scoll, the hole page scrolls down so that the menu closes.

Example for the menu: "Unterricht -- > Fächerübersicht --> long list"

Here is a Screenshot: https://ibb.co/5czFXkV

0
4 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 months ago

Hello Michael Nolden

Please use this CSS to Template Options -> Custom Code -> Custom CSS. I have used 500px as maximum height. You can adjust the height as per your requirement.

.sp-menu-item:nth-child(4) .sp-dropdown-sub{
    max-height: 500px !important;
    overflow: auto !important;
}

Best regards

0
MN
Michael Nolden
Accepted Answer
2 months ago

That worked well, thank you!!

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 months ago

You are welcome

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 months ago

I have a humble request. It would be very kind of you if you can manage some moment to give us feedback here:

  1. JED
  2. Trustpilot
0