Menu not working properly after Major update

Hi abc,

There should be no issue but I can’t see it if it’s not installed.

Please install it on a dev site or take a screenshot or temporarily allow it so I can see what you mean exactly.

All the best

Hi,

I have just upgraded again, to do a screen shot, please see attached.

1) Original.jpg
2) Original clicked.jpg
3) After upgrade.jpg
4) After upgrade Clicked

You can see the difference!!

Looking forward for your propitious reply.

Best regards,
abc

Hi abc,

It is still working correctly but it may be behaving differently to how it did before.

Can you override the CSS to give you 100% width on the menu button so it stretches the whole page and you need to now upload a hover image too (you can give it the same image if you dont want it to change).

Its difficult to provide the exact solution without being able to look at the code itself.

All the best

Hi,

I tried putting

1) Clicked Button size setting to width=1070
The image will show 100% width, but the image is not responsive.

2) Even setting aside the 100% width, when menu is clicked, all the items are over the place, they are not aligned properly. Things gets worse when sub menu is clicked, the menu just disappear.

Very troubled, please help.

I have upgrade the version again for your troubleshooting..
My site is https://bb901.com

The worse case if you did not read this, I may revert to my old settings before midnight, as of now it is 5:16pm. Reason being that most of my readers came in after that.

Looking forward for your propitious reply.

Best regards,
abc

Hi there,

There are quite a few styles that need updating. Ive tried a few below but you may still need to tweak these:

.responsive-menu-box,
.responsive-menu-button,
#responsive-menu-button img {
width: 100% !important;
}

Then you need to enter the same image as the clicked image as currently there is no image selected for when clicked.

In regards the submenu items you just need to play around with the style options in the admin for these, simply increase the size of each of them etc and increase and it should look better.

All the best

Hi,

Awesome, I’ve added your solution to the CSS and now the image is displaying correctly.

However, I tried playing around with the Style, the Icons are still not aligning properly despite all the settings input.

And my Menu title was truncated at the top, i couldn’t locate the settings to set it lower so that it can be displayed.

Please help!

Best regards,
abc

Hi there,

Im not sure where you got those icons from in your menu as they werent created by my menu so I cant really support the styling of those and that should really be in the realm of your web developer. The pro versions has Font Icons built in so that would handle all of the styling for you.

Having said that, please try something like the following:

.responsive-menu-link i {
line-height: 50px !important;
margin-right: 10px !important;
}

To lower the title simply do something like:

#responsive-menu-title {
padding-top: 80px !important;
}

All the best

Hi,

It works for lowering the Menu Title after implementing

#responsive-menu-title {
padding-top: 80px !important;
}

However, the icons still are all over the place, previously was perfect before the upgrade.

In addition, when i open up the sub-menu, where the bottom items may be out of the screen which i may need to scroll down to click on certain item, but once i scrolled, the MENU disappear!!

Please help!

Best regards,
abc

Hi abc,

It seems you have the Click to Close Menu on Link Click option activated, please turn that off and it will stop it closing whenever you click on the menu.

Also I cant see the styles you added for the icons on your site, did you copy it exactly as I typed it including the almost hidden “i” element?

Hi,

Got it for the Click to close!!! Awesome!!

I did a scrutinized checked on the parameters..

.responsive-menu-link i {
line-height: 50px !important;
margin-right: 10px !important;
}

it is exactly the same, it is in my CSS…almost at the top…

Oh my god Im so sorry, even the 3.0 upgrade has got me confused.

It should be .responsive-menu-item-link i

Sorry!

Hi,

Lol…
Awesome…!!!!! ??

You got it!!!!

Sincerely appreciated!!!!!

One more thing, when view tablet in portrait, the menu display nicely, but when viewed in landscape, the menu bar is without the outline.

I try increasing container sizing height, but if it’s too big, it will affect the portrait post Title.

Warmest regards,
abc

Hi,

Please ignore the Tablet portrait thing as mention above, I will try to revamp the image!!

Superb support, Kudos to “Responsive Menu”!!!

Warmest regards,
abc

Thanks abc,

Glad you like it and glad we got there! There was always going to be bumps in the road with the new version but hopefully the 18hour days will be worth it!

If you haven’t already please consider leaving a review to help me out!

All the best

Hi,

Sure, will do!!!

Please also help to see why when view with iPad, the Menu header is truncated while for other tablet, it display nicely!!!

Anything i could add to CSS to achieve that.

Looking forward for your propitious reply!!

Best regards,
abc