1. Resort
  2. Wednesday, 26 August 2015
First off, a Big thank you for these new awesome templates. I was really impressed with the collapsible menu in off-canvas position of Eventum template.
How can we have this collapsible menu in Resort template?

Your response will add a great value to our project.

Looking forward to hear from you.

Regards
Syed H
Accepted Answer
pepperstreet wrote:

Hello Syed, thanks for pointing out this nice little feature. I am interested, too.
I just had a quick look into the online demos for comparison. IMHO, there is no special script added, looks like "bootstrap" collapsable feature.

Most likely the needed markup (i.e. CSS classes, data attributes) is added to the Joomla menu module.
So, you might have a look into YourTemplate -> HTML -> mod_menu
There should be some overrides that are responsible for the output and final effect.

Some other things to consider:
Check Eventum template for specific CSS styles for off-canvas menu
Check Menu Module for specific CSS classes in backend. (could not find a related notice in online docs)

Hope this helps.



I got it working!
Download and install Shaper_eventum template on your site. (just the template)
Replace the following files in your current template with the one from the Shaper_eventum template:
Menu.less
menu.php
main.js
And copy this dir (including 3 files):
mod_menu

After this you can modify the custom css in the template for the right colors/backgrounds.
This works for me!

But you can also install the Shaper_eventum template an modify that one. Depents on the ammount of changes you allready made.

regards,
Martin
  1. more than a month ago
  2. Resort
  3. # Permalink
Responses (6)
Forgot to attach image of the menu I am looking for, please see attachment.
Attachments (1)
  1. more than a month ago
  2. Resort
  3. # 1
Can someone please help me
  1. more than a month ago
  2. Resort
  3. # 2
Hi Syed,

Did you get the collapsible menu in off-canvas position working yet? I'm looking for the same thing....
  1. more than a month ago
  2. Resort
  3. # 3
Hello Syed, thanks for pointing out this nice little feature. I am interested, too.
I just had a quick look into the online demos for comparison. IMHO, there is no special script added, looks like "bootstrap" collapsable feature.

Most likely the needed markup (i.e. CSS classes, data attributes) is added to the Joomla menu module.
So, you might have a look into YourTemplate -> HTML -> mod_menu
There should be some overrides that are responsible for the output and final effect.

Some other things to consider:
Check Eventum template for specific CSS styles for off-canvas menu
Check Menu Module for specific CSS classes in backend. (could not find a related notice in online docs)

Hope this helps.
  1. more than a month ago
  2. Resort
  3. # 4
Boekiewoekie wrote:

pepperstreet wrote:

Hello Syed, thanks for pointing out this nice little feature. I am interested, too.
I just had a quick look into the online demos for comparison. IMHO, there is no special script added, looks like "bootstrap" collapsable feature.

Most likely the needed markup (i.e. CSS classes, data attributes) is added to the Joomla menu module.
So, you might have a look into YourTemplate -> HTML -> mod_menu
There should be some overrides that are responsible for the output and final effect.

Some other things to consider:
Check Eventum template for specific CSS styles for off-canvas menu
Check Menu Module for specific CSS classes in backend. (could not find a related notice in online docs)

Hope this helps.



I got it working!
Download and install Shaper_eventum template on your site. (just the template)
Replace the following files in your current template with the one from the Shaper_eventum template:
Menu.less
menu.php
main.js
And copy this dir (including 3 files):
mod_menu

After this you can modify the custom css in the template for the right colors/backgrounds.
This works for me!

But you can also install the Shaper_eventum template an modify that one. Depents on the ammount of changes you allready made.

regards,
Martin


Here is the Custom CSS that would set it just the way it is in the original template

.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .fa-plus {
display: none;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .fa-minus {
display: none;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler {
display: inline-block;
position: absolute;
top: 0;
right: 0;
padding: 10px 20px;
cursor: pointer;
color: #333333;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .fa-minus {
display: inline;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .fa-plus {
display: inline;
}


Hope this helps.
Regards
Syed
  1. more than a month ago
  2. Resort
  3. # 5


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


This forum is archived

This forum has been archived. Please use JoomShaper official support system.