Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

List of accesses in the mega menu are not visible

Featured Lock Resolved Task
Hello, I would need the MEGAMENU to display all the accesses added to the menu, I have 17 lines and only 14 lines can be displayed.

Can you help me solve this problem?

Thank you very much !!

Attachments (1)

  • megamenu-dropdown.jpg
    megamenu-dropdown.jpg 274.9 KB

11 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Please use this css to your custom css and that should solve the issue.

.sp-dropdown-sub .sp-dropdown-items {
height: 600px;
overflow: scroll;
}



Note: I would suggest not to use that long sub menu. If you can then it's better to use less items as sub-menu.

-Best Regards

infoservex

More than a month ago #Permalink
Hello, Thanks for you reply,

I copy and paste your code, but now the menu in others parts is too long, i need large submenu only in menu with more items, but with 1 item is very long menu

Thanks a lot !!

megamenu-more-large.jpg

its posible delete this ?

megamenu-no.jpg

Attachments (2)

  • megamenu-more-large.jpg
    megamenu-more-large.jpg 223.6 KB
  • megamenu-no.jpg
    megamenu-no.jpg 270.2 KB

infoservex

More than a month ago #Permalink
the ideal would be scroll without sidebar

Sifat - Staff

More than a month ago #Permalink
You can remove the previous code and use this css to hide the sidebar

.sp-dropdown-sub .sp-dropdown-items {
overflow-y: scroll;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE 10+ */
}
.sp-dropdown-sub .sp-dropdown-items::-webkit-scrollbar { /* WebKit */
width: 0;
height: 0;
}



-Thanks

infoservex

More than a month ago #Permalink
Hello, Thanks for you reply, i put your code but now no go down list, no scroll, i tried with IE and Chrome..



Thanks a lot for you support !!

dont-down-list.jpg

Attachments (1)

  • dont-down-list.jpg
    dont-down-list.jpg 246.9 KB

Sifat - Staff

More than a month ago #Permalink
Would you please check this screencast https://files.fm/u/jmhxqcss

infoservex

More than a month ago #Permalink
Thanks a lot for your reply !!

i put your code in custom.css but in chrome / IE dont work scroll

code-customcss.jpg

Attachments (1)

  • code-customcss.jpg
    code-customcss.jpg 285 KB

Sifat - Staff

More than a month ago #Permalink
Would you please add this css too and let me know the result.

.sp-dropdown-sub .sp-dropdown-items {
max-height: 600px !important;
}

infoservex

More than a month ago #Permalink
Thank you very much for your help !! fantastic support !! :D

Best Regards

Sifat - Staff

More than a month ago #Permalink
You are always welcome :)


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 152
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 85
Toufiq

Toufiq

Total Accepted Answers: 22
Al Mamun

Al Mamun

Total Accepted Answers: 3
Pavel

Pavel

Total Accepted Answers: 3

113

Templates

289302

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us