Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Side Menu for Sub-Nagivation

6 years 2 weeks ago #1

  • helloitsme's Avatar
  • helloitsme
Hello,

I'm been having a great time using gridbox. I have a Main Nagivation menu, say Home, About Us, Contact. In About us, I have sub menu pages like :

>About Us
>>A
>>>1
>>>2
>>B
>>C

So when I'm at any of the sub-menu pages (i.e A, B, C, 1, 2) I want to create a side bar with links to A then a dropdown for 1,2 then B and C. Kind of like this format: www.moe.gov.sg/admissions/jae


Can I ask is there a simpler more user-friendly way to go about doing this? Like a new plug-in? :) or is the custom HTML the only way to go?

Thanks!

6 years 2 weeks ago #2

  • Artem's Avatar
  • Artem
  • Posts: 9812
Hello,

you need ctreate new menu (example-menu).
create new modules(example-module): menu and select your new menu(example-menu)

at the Gridbox editor add plugin Joomla modules and select your module (example-module)
at the option module Custom CSS add Class Suffix: custom-vertical-menu

and at the CSS Editor add code :

.custom-vertical-menu .nav.menu > li {
    display: block;
}
.custom-vertical-menu .nav > .deeper.parent > .nav-child {
    position: relative;
    max-height: 0;
    overflow: hidden;
    display: block;
    transition: max-height .5s linear;
    -webkit-transition: max-height .5s linear;
}
.custom-vertical-menu .nav-child li a {
    font-size: .8em;
    line-height: .8em;
    padding-left: 30px;
}
.custom-vertical-menu  li.deeper > a:before {
    align-items: center;
    -webkit-align-items: center;
    content: "\e010";
    display: -webkit-flex;
    display: flex;
    font-family: 'IcoMoon';
    font-style: normal;
    height: 100%;
    position: absolute;
    right: 15px;
    speak: none;
    top: 0;
    font-size: 15px;
}
.custom-vertical-menu .nav li.deeper:hover > .nav-child {
    display: block;
    max-height: 100vh;
}

6 years 2 weeks ago #3

  • helloitsme's Avatar
  • helloitsme
Hi, thanks for your update!

I've created a new menu, and added it as a mod_menu type under modules.

However, whenever I try to add a Joomla module plugin and click on the menu, everything just disappears - I'm unable to add the menu module.

Would appreciate your help! Thank you!

6 years 2 weeks ago #4

  • Artem's Avatar
  • Artem
  • Posts: 9812
Hi,

Did you assign any menu items for your module menu?

Regards,

6 years 2 weeks ago #5

  • helloitsme's Avatar
  • helloitsme
Yes,
I've created the menu.


Added it as a module, but didn't put any position to it.


Under gridbox pages, tried to add joomla modules plugin and choose my [menu] testing module but it was unable to be added :/

Thanks!

6 years 1 week ago #6

  • Artem's Avatar
  • Artem
  • Posts: 9812
Hello,

I can propose you next: you can send us FTP and Joomla admin access through Contact Form
Department >> Technical Support

And we can check what's going on there

Regards,

6 years 4 days ago #7

  • helloitsme's Avatar
  • helloitsme
Thanks for the offer!

Fiddled around more and it worked.

I named my menu module as xxx [Menu] and I think perhaps the square brackets may have caused it to crash.

Thanks alot!
Powered by Kunena Forum