1. Extension support
  2. Saturday, 17 May 2014
There are some other posts regarding this issue I think, but I wanted to submit it anyways.

Mobile menu is not working properly in Shaper OnePage.

Menu doesn´t collapse when link is clicked.

I've seen it works without issues in other templates such as Xeon.

How can I fix it? iI'll appreciate your response.

Greetings from Mexico!
Accepted Answer
Hi,
Please paste this js code in templates/shaper_onepage/js/main.js on 26 no line:


// Onclick offcanvas will be disapear
$offCanvas.click('li a:not(".parent .offcanvas-menu-toggler")', function(event) {
event.preventDefault();
offCanvasClose();
});


- Thanks
  1. more than a month ago
  2. Extension support
  3. # Permalink
Responses (17)
great
  1. more than a month ago
  2. Extension support
  3. # 1
Hi Rifat Wahid Alif,

I fixed the issue.

// Onclick menu item menu list will be hide
var nav_collapse = $('.offcanvas-menu .nav.menu');
nav_collapse.click('li a', function(event) {
// event.preventDefault(); -- Commenting this will resolve the issue
offCanvasClose();
});
  1. more than a month ago
  2. Extension support
  3. # 2
Hi,
Could you please pm me your admin access to my closer look?

- Thanks
  1. more than a month ago
  2. Extension support
  3. # 3
Hi Rifat Wahid Alif,

I just found out Menu is not working because of code we added to close menu automatically.

Especially it is not working when we are using sp portfolio component. Please Advise. Thanks!
  1. more than a month ago
  2. Extension support
  3. # 4
Thanks! Rifat Wahid Alif. I have couple of questions

1) OffCanvas Menu Home button not working.

ex: If we go to contacts page and we click home then it is not scrolling back to top of the page.

2) Unable to add Menu Items. It is giving us 500 internal error

3) Also How do i add new pages with drop down menu? When i add new menu item it is showing info in the hoem page. I need info to be in the other pages. Please advise. Thanks!
  1. more than a month ago
  2. Extension support
  3. # 5
Mobile menu is not working properly in Shaper OnePage.

Please help us. Thanks!
  1. more than a month ago
  2. Extension support
  3. # 6
please pm me your admin access.
  1. more than a month ago
  2. Extension support
  3. # 7
Hello, i also tried and is not working. On default helix latest

Cheers
  1. more than a month ago
  2. Extension support
  3. # 8
please pm me your admin access.
  1. more than a month ago
  2. Extension support
  3. # 9
Hello I have the same Problem .. I inserted to code, it worked for closing offcanvas Menu but noch for the navigation points .. i did not change to the new information/section. can you take a look at my main.js


/**
* @package Helix3 Framework
* @author JoomShaper http://www.joomshaper.com
* @copyright Copyright (c) 2010 - 2015 JoomShaper
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/
jQuery(function($) {

var $body = $('body'),
$wrapper = $('.body-innerwrapper'),
$toggler = $('#offcanvas-toggler'),
$close = $('.close-offcanvas'),
$offCanvas = $('.offcanvas-menu');

$toggler.on('click', function(event){
event.preventDefault();
stopBubble (event);
setTimeout(offCanvasShow, 50);
});

$close.on('click', function(event){
event.preventDefault();
offCanvasClose();
});

var offCanvasShow = function(){
$body.addClass('offcanvas');
$wrapper.on('click',offCanvasClose);
$close.on('click',offCanvasClose);
$offCanvas.on('click',stopBubble);

};

var offCanvasClose = function(){
$body.removeClass('offcanvas');
$wrapper.off('click',offCanvasClose);
$close.off('click',offCanvasClose);
$offCanvas.off('click',stopBubble);
};


var stopBubble = function (e) {
e.stopPropagation();
return true;
};

//Mega Menu
$('.sp-megamenu-wrapper').parent().parent().css('position','static').parent().css('position', 'relative');
$('.sp-menu-full').each(function(){
$(this).parent().addClass('menu-justify');
});

//Sticky Menu
$(document).ready(function(){
$("body.sticky-header";).find('#sp-header').sticky({topSpacing:0})
});

//Tooltip
$('[data-toggle="tooltip"]').tooltip();

$(document).on('click', '.sp-rating .star', function(event) {
event.preventDefault();

var data = {
'action':'voting',
'user_rating' : $(this).data('number'),
'id' : $(this).closest('.post_rating').attr('id')
};

var request = {
'option' : 'com_ajax',
'plugin' : 'helix3',
'data' : data,
'format' : 'json'
};

$.ajax({
type : 'POST',
data : request,
beforeSend: function(){
$('.post_rating .ajax-loader').show();
},
success: function (response) {
var data = $.parseJSON(response.data);

$('.post_rating .ajax-loader').hide();

if (data.status == 'invalid') {
$('.post_rating .voting-result').text('You have already rated this entry!').fadeIn('fast');
}else if(data.status == 'false'){
$('.post_rating .voting-result').text('Somethings wrong here, try again!').fadeIn('fast');
}else if(data.status == 'true'){
var rate = data.action;
$('.voting-symbol').find('.star').each(function(i) {
if (i < rate) {
$( ".star" ).eq( -(i+1) ).addClass('active');
}
});

$('.post_rating .voting-result').text('Thank You!').fadeIn('fast');
}

},
error: function(){
$('.post_rating .ajax-loader').hide();
$('.post_rating .voting-result').text('Failed to rate, try again!').fadeIn('fast');
}
});
});

});
  1. more than a month ago
  2. Extension support
  3. # 10
Hi,
If you are using helix3 then code should be:

 // Onclick menu item menu list will be hide
var nav_collapse = $('.offcanvas-menu .nav.menu');
nav_collapse.click('li a', function(event) {
event.preventDefault();
offCanvasClose();
});


if still not not then please pm me your joomla admin access i will fix it.

- Thanks
  1. more than a month ago
  2. Extension support
  3. # 11
you are always welcome :)
  1. more than a month ago
  2. Extension support
  3. # 12
Thank you for your support.
It worked!

Rifat Wahid Alif wrote:

Hi,
We have updated it in our template. anyway past this code in your 'templates/shaper_onepage/js/main.js' file

// Onclick menu item menu list will be hide
var nav_collapse = $('.nav-collapse');
nav_collapse.click('li a', function() {
nav_collapse.collapse('hide');
});

- Thanks
  1. more than a month ago
  2. Extension support
  3. # 13
Hi,
We have updated it in our template. anyway past this code in your 'templates/shaper_onepage/js/main.js' file

// Onclick menu item menu list will be hide
var nav_collapse = $('.nav-collapse');
nav_collapse.click('li a', function() {
nav_collapse.collapse('hide');
});


- Thanks
  1. more than a month ago
  2. Extension support
  3. # 14
I have same problem.
I tested official demo ONEPAGE and XEON.

http://demo.joomshaper.com/?template=xeon
When I click "Servies" menu then mobile menu will slideup immediately.

But on Onepage template,
http://demo.joomshaper.com/?template=onepage
When I click "About" menu, still mobile menu is there.
I want toggle (slideup) mobile menu as soon as menu is selected.
How do I fix this??
  1. more than a month ago
  2. Extension support
  3. # 15
Hi,
In our demo mobile menu is working fine. could you please share your URL ?
  1. more than a month ago
  2. Extension support
  3. # 16


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.