Responsive main menu does not work

marten_andersson's picture
marten_andersson
Tue, 03/21/2017 - 04:45
#1
Responsive main menu does not work

Hi,

Just bought your theme and installed it according to your video. The main menu does not work as in your demo. The menu is not responsive when you resize the browser. When you make the browser window small you get the "hamnburger" menu icon, but when you click it you get an normal menu (not mobile). When you make the browser window large again the normal menu does not display and a small "hamburger" icon is visable. Se links below.

Fresh install (responsive menu does not work)
http://www.htcab.silverbulletfilmproduktion.se/

Your demo (responsive menu works)
http://demo.megadrupal.com/d7/md-avendor/

Best regards
Mårten Andersson

phuonght's picture
phuonght
Tue, 03/21/2017 - 05:00

Hi,

Please go to your account page (http://megadrupal.com/user/martenandersson) download latest version of megamenu. 

The latest one is 7.x-1.19.

Thank you.

marten_andersson's picture
marten_andersson
Wed, 03/22/2017 - 05:47

Hi,

Have downloaded and installed latest version of mega menu. Some functionality is added but the menu still does not work as it should.

The menu icon (on small screens) is very small and has no hand-pointer when you mouse over it.

When you choose for example "Feature" in the mobile menu you cannot scroll to the bottom menu items, only the site behind the menu scrolls.

Please compare the two sites below when you have a small browser window (mobile view).

Fresh install (with mega menu updated to latest version)

http://www.htcab.silverbulletfilmproduktion.se/

Your demo (responsive menu works)

http://demo.megadrupal.com/d7/md-avendor/

Best regards

Mårten

phuonght's picture
phuonght
Wed, 03/22/2017 - 06:13

Hi,

Please try solution in topic: http://megadrupal.com/comment/15143#comment-15143

marten_andersson's picture
marten_andersson
Wed, 03/22/2017 - 09:28

Hi,

Have jquery version 1.10 and have added below to css file /sites/all/themes/md_avendor/avendor_subtheme/css/style.css

.awemenu-mobile-top .awemenu {
overflow-y: auto !important;
}

I have cleared the cash and still it does not work.

Think it's strange that I get these errors since I just downloaded your theme and installed it the way you present in the documentation. Does not other customers experience the same issues?

Mårten

phuonght's picture
phuonght
Thu, 03/23/2017 - 06:38

Because Avendor themes has navigation always on top so if you use menu type standard, you can not scroll menu. So please go to configuration > Responsive Settings > Menu type  to change menu type.

marten_andersson's picture
marten_andersson
Tue, 03/28/2017 - 03:55

If I go to:

admin/structure/md-megamenu/1/configure

under responsive settings "Menu type" is "standard". I have tried "Top" but the manu still is not scrollable.

I can give you login to my site if you are able to solve this issue.

Mårten

marten_andersson's picture
marten_andersson
Tue, 03/28/2017 - 03:56
phuonght's picture
phuonght
Tue, 03/28/2017 - 05:01

Please add following code at the end of file Md_avendor.Css in folder themes/md_avendor/css/:

@media (max-width: 767px) {
.awemenu {
position: static;
height: 400px;
overflow-x: hidden;
overflow-y: auto;
}
}

marten_andersson's picture
marten_andersson
Tue, 03/28/2017 - 08:42

Adjusted the css as you suggested and now the menu seem to work as it should.

Thank you for the help! It would be great if you updated these adjustments in the theme files on Theme Forest so other people do not have the same issue.

best regards

Mårten

tannis00's picture
tannis00
Wed, 06/28/2017 - 09:06

This worked for me too! I second the suggestion to update the install profile on ThemeForest. It doesn't make sense to have each new client doing the same fix.

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.