fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED) off-canvas menu problem in onepage mode

off-canvas menu problem in onepage mode 3 years 1 month ago #9979

Hi!
in Ohio template there seems to be a problem to navigate easily in onepage sites on mobile, especially in landscape view.
The off-canvas menu, when open, takes up most of the width of the screen so the user cannot see where the page scrolled to. The solution would be if the off-canvas menu would close after clicking on a menu item. How can I set this up?
My site is winnica.dworzno.pl
In all other aspects the template worked for me just great, thanks!
Thank you in advance for your help
Attachments:
The topic has been locked.

off-canvas menu problem in onepage mode 3 years 1 month ago #9994

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
Hello,

Add the following code in main.js file.

Path: templates/TEMPLATENAME/js
$('.close-offcanvas, .offcanvas-overlay, .offcanvas-inner ul > li:not(.no-scroll) > a').on('click', function(event){
        event.preventDefault();
        $('body').removeClass('offcanvas');
    });

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.

off-canvas menu problem in onepage mode 3 years 4 weeks ago #10055

Hi!
Thank you! The site works perfectly now :)
I really appreciate your professional support!
The topic has been locked.

off-canvas menu problem in onepage mode 3 years 4 weeks ago #10065

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
Great!

I'm glad to help you.

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.
Moderators: chandandeep
Time to create page: 0.348 seconds
Cron Job Starts