NetTalk Central

Author Topic: Accordian menu on Left Side does not show all item in sub menus  (Read 1427 times)

seanh

  • Jr. Member
  • **
  • Posts: 87
    • View Profile
    • Email
Accordian menu on Left Side does not show all item in sub menus
« on: October 15, 2022, 02:33:42 AM »
I have an accordian menu on the left.
The setup menu has Sub-menus for the various areas.
But it only shows maybe 3 of 6 menus?  Is there a way to expand this?  or add a slider,  or   ...  I'm open to alternatives.

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11170
    • View Profile
Re: Accordian menu on Left Side does not show all item in sub menus
« Reply #1 on: October 16, 2022, 10:18:42 PM »
Hi Sean,

I'm not understanding what you are seeing, so maybe a screen-shot will help?
Or better yet, and example and a screen shot.

Cheers
Bruce

seanh

  • Jr. Member
  • **
  • Posts: 87
    • View Profile
    • Email
Re: Accordian menu on Left Side does not show all item in sub menus
« Reply #2 on: October 16, 2022, 11:30:12 PM »
Hi Bruce
The defined menus in the Menu template can't bee seen

Attached image shows Browser on the left
Definition on the right

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11170
    • View Profile
Re: Accordian menu on Left Side does not show all item in sub menus
« Reply #3 on: October 16, 2022, 11:57:17 PM »
use Developer Tools to inspect the CSS panel on the left\. There is presumably some height setting in play there.
(I can't really me more specific than that because you didn't include an example.)

So either extended the height property, or set the overflow-y to something.

Cheers
Bruce

seanh

  • Jr. Member
  • **
  • Posts: 87
    • View Profile
    • Email
Re: Accordian menu on Left Side does not show all item in sub menus
« Reply #4 on: October 17, 2022, 05:17:45 PM »
Thanks Bruce that was enough info for me to track something down.
I added a custom.css  to the web\styles
and put this in it:

/*  Auto adds scroll bar when needed */
.nt-accordion-menu-body {
  overflow: auto !important;
    overflow-x: auto;
    overflow-y: auto;
}

Works brilliantly now :)

Jane

  • Sr. Member
  • ****
  • Posts: 349
  • Expert on nothing with opinions on everything.
    • View Profile
    • Email
Re: Accordian menu on Left Side does not show all item in sub menus
« Reply #5 on: October 17, 2022, 06:04:21 PM »
Excellent!

But why do you need to explicitly set overflow-x and overflow-y when you've already set overflow: auto !important

??
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow 

seanh

  • Jr. Member
  • **
  • Posts: 87
    • View Profile
    • Email
Re: Accordian menu on Left Side does not show all item in sub menus
« Reply #6 on: October 17, 2022, 06:08:08 PM »
Short answer Jane:  That's the first thing I tried, it worked, I'm NOT touching it again because I'm afaraid it will burst into blue flames!   ;D

Jane

  • Sr. Member
  • ****
  • Posts: 349
  • Expert on nothing with opinions on everything.
    • View Profile
    • Email
Re: Accordian menu on Left Side does not show all item in sub menus
« Reply #7 on: October 17, 2022, 06:37:50 PM »
Excuse me, Sean.  Is that MY lucky tinfoil hat you're wearing ??  ;D