Problems Saving Menu Model In Off Canvas Position - Question | JoomShaper

Problems Saving Menu Model In Off Canvas Position

JK

Jan Korshavn

Template 2 weeks ago

Hi, I'm working on a new site (content is upgraded from J3 to J5) and experience a problem when I try to save a module containg the main menu for use in the off-canvas position.

There's 1 module (not published) called Mobilmeny, please check what happens if that's published. Or point out the error it there's something wrong here..

Site is off line and is a working copy.

Best regards, Jan Korshavn

0
6 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 weeks ago #231589

Hi there!

Thanks for reaching out.

Please check your issue now and let me know if it does solve at your end too.

Best regards,

0
JK
Jan Korshavn
Accepted Answer
2 weeks ago #231622

Hi Rashida,

Yes, now it works. Was this an error in the template? I downloaded it fresh not many days ago..

And how do I get the off-canvas menu to disappear in the normal screen mode? To appear only on small(er) screens?

jk

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 weeks ago #231648

Hi jk,

Yes, some of the internal files use older code that is no longer supported in newer Joomla versions.

However, if you have only recently started working on the site, I would recommend considering a Helix Ultimate-based template, as Helix Ultimate is our latest framework.

For disabling the off-canvas menu on larger screens, please check the following documentation:

How to Disable Offcanvas Menu on Desktop

Best regards,

0
JK
Jan Korshavn
Accepted Answer
2 weeks ago #231643

And there's also an issue where the Phoca Map covers the sub menu items on mouse-over-menu, please check here:

https://fredrikstadhundepensjonat.jkwebdesign.no/index.php/kontakt/finn-oss

jk

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 weeks ago #231649

This map has a higher z-index value, so the following custom CSS should help resolve the issue:

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    z-index: 1;
}

You can add this CSS to the template's Custom CSS field. For more information, please refer to our documentation:

How to Use Custom CSS

Best regards,

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 weeks ago #231776

Thanks for accepting the answer:)

Have a nice day!

0