Responsive menu not working.

risdataweb's picture
risdataweb
Mon, 03/12/2018 - 16:10
#1
Responsive menu not working.

Looks like responsive menu is not working on demo template as well. http://demo.megadrupal.com/d7/md-springspray/

Try out on home page.

Can you please help with?

cindy's picture
cindy
Mon, 03/12/2018 - 23:16

Hi,

We check our demo again but see no problem

Please explain more with some screenshots

risdataweb's picture
risdataweb
Tue, 03/13/2018 - 09:20

Thanks for your quick response Cindy.

Can you follow steps as below to reproduce issue?

Open home page on small screen device, make sure it is actual device not just the window narrowed down.
Or you can try it with simulator through developer toolbar. That's how I did.

Then go to Index Pricing under home menu(Second level).

From there try going to thoughts(Second level). 

The second level menu is not displaying here. It just disappears as soon you would click home menu.

cindy's picture
cindy
Wed, 03/14/2018 - 22:26

Hi, 

Thank you for your report. We will check our demo again and fix if it has any issue. Then we will respond you!

cindy's picture
cindy
Sat, 03/17/2018 - 06:46

Hi,

Please download this file https://1drv.ms/u/s!ArRPkgVQNPYZgw4PbhTWAt1WIBhE

and update in folder sites/all/themes/md_springspray/js/front

Then clear Drupal cache

risdataweb's picture
risdataweb
Mon, 03/19/2018 - 10:27

Hey Cindy,

I tried replacing file and clearing cache as per your instruction.

But noticed it has been even worst. Cannot even open the first level menu.

cindy's picture
cindy
Tue, 03/27/2018 - 03:18

We upload the file for our demo and it works

You can check!

risdataweb's picture
risdataweb
Wed, 03/28/2018 - 10:58

I checked your demo and found it is still not working.

You have to click twice to get it working for second level navigation if you follow steps as I mentioned.

cindy's picture
cindy
Wed, 03/28/2018 - 22:35

Which device did you use to test? Are you using Android?

We check on ios (iphone) but see no problem

cindy's picture
cindy
Fri, 03/30/2018 - 03:21

You can try this solution

1. Open file sites/all/themes/md_springspray/js/front/nav_style3.js
2. Then comment the following code:

$(function() {
$('#main-nav a').bind('click', function(event) {
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top - 70
}, 1000);
event.preventDefault();
});
});

3. Scroll down to the bottom of the file and search function close_toggle
And replace: 

$('.navbar-collapse').collapse('hide'); 

with:

 if(!$(this).parent().hasClass('dropdown')){
$('.navbar-collapse').collapse('hide');
}


Save and clear Drupal cache

risdataweb's picture
risdataweb
Tue, 04/03/2018 - 13:33

Hi Cindy,

Your previous response has worked.

Thank you for your time to check with this problem.

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.