We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19

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

Your Time: Our Time:

Menu doesn't collpase with internal links on mobile (shaper cuisine)

Featured Lock Resolved Bug
Hi I'm creating a onepage website using your template and sp page builder.
The url is: http://www.caffevenetoalbarella.it/new

On mobile the menu doesn't collapse, I see other discussions on this forrum but the solutions don't work for this case.

Could you help me?
Thanks
Daniele

6 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
If i may...
Actually your are using cuisine template and that's not an One page template and that's why your off-canvas is not auto closing since that's a feature only for one page templates.
But there is a workaround for that. Please follow my following instructions:
1) Goto this file location /templates/shaper_cuisine/js/
2) Then create a file named custom.js
3) Then paste the following code to that customm.js file

jQuery(function($) {
$('.close-offcanvas, .offcanvas-overlay, .offcanvas-inner ul > li:not(.no-scroll) > a').on('click', function() {
$('body').removeClass('offcanvas');
});
});

And it'll look like this http://prntscr.com/psklrr

-Best Regards

Ofi Khan - Staff

More than a month ago #Permalink
Hello Daniele,

Please add this to your Custom CSS.

@media (max-width: 995px)
.hidden-xs {
display: none !important;
}

I hope your issue will be solved.

- Best regards

Daniele

More than a month ago #Permalink
Hi I bad explained my problem

On mobile when I click on the mobile menu, it doesn't close after the click

I think it's a java problem

Daniele

More than a month ago #Permalink
It works, thank you very much

Hi,
If i may...
Actually your are using cuisine template and that's not an One page template and that's why your off-canvas is not auto closing since that's a feature only for one page templates.
But there is a workaround for that. Please follow my following instructions:
1) Goto this file location /templates/shaper_cuisine/js/
2) Then create a file named custom.js
3) Then paste the following code to that customm.js file

jQuery(function($) {
$('.close-offcanvas, .offcanvas-overlay, .offcanvas-inner ul > li:not(.no-scroll) > a').on('click', function() {
$('body').removeClass('offcanvas');
});
});

And it'll look like this http://prntscr.com/psklrr

-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!

123

Templates

327400

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