Accordeon menu - mobile vs non-mobile display

Hi CEd,

A decimal-place measurement might not be technically real, but it does seem to overcome problems in rendering. If I don't do that, the site sometimes loses styles around the breakpoints. And, as I've explained and provided screenshots for, I'm getting different results for different screenwidths and different mobile limit breakpoints, and none of them work the way they're supposed to.

I don't currently have access to a tablet, as such, but am trying to arrange for the site to be tested on an actual iPad, but this could take days to arrange. That's why I have tried testing it on a number of emulators, including manually resizing the screen in Firefox (with the screen dimensions showing), Chrome developer tools, and a couple of different emulator sites. The screenshots I uploaded before were taken from one emulation but confirmed to operate the same on the other emulators.

When you say the mobile Accordeon menu is active at 768px, are you testing it on a 768px wide tablet or an emulator?

Wendy

I also tested with firefox and chrome
by my side I don't have the issue like you that the mobile menu and normal menu are showing in the same time

the rule in your source code is like this you can see that both elements are hidden/shown at the same time
have you retested since I updated the plugin on your website ? because the error could be from before but not anymore by my side

That's so weird.

To answer your question, yes, the last set of screenshots I uploaded were done after you updated the plugin (and after I'd cleared my cache too). I hear you that you don't get the same results, but I'm at a loss to explain why I'm getting the results shown in the screenshots.

The only thing I can see that might cause a problem is the fact that you use the same class-name to hide both the Maxi and Accordeon mobile menus (see below). Is it possible this could be the cause of the problem?

hidemenumobileck

is a css class that you can apply to any menu item to not show it on mobile
this does not affect the menu display at all

I have just sent you an email with a new version to test, let me know

Hi CEd,

Thanks so much for hanging in there with me on this! Yes, I got your version 1.1.4 to work! Not quite as expected, but it works. I had to set the limit to 767 rather than 768.

I think I understand what the problem was on my end, which I'll explain here in case it helps someone else in the forum. My template uses the Bootstrap grid system, which I am still learning about. It seems that the reason I was getting the mobile menu appearing in the left sidebar position (at 768 wide) is that your menu plugin was changing to the mobile version but the template wasn't; it was still using a wider screen layout. Therefore, instead of the non-mobile menu showing in the left sidebar, the mobile menu was displaying instead. So now I have the mobile menu set to change at 767 and it seems to be working cooperatively with the template instead of fighting against it. Yay!!

In any case, whatever you changed in this new version 1.1.4 has made the difference, because when I tried it before at 767 it didn't work, so thank you!! Many thanks for persisting with this.

Wendy

cool ! great news
there is one little problem from your template and the way to manage the resolutions,
and the problem with the conflict with the maximenu mobile plugin which has been fixed in the 1.1.4 of the accordeon mobile plugin