search

ProfessionalWiki / chameleon

Provides a highly flexible and customizable skin using Bootstrap 4
https://www.mediawiki.org/wiki/Skin:Chameleon
Other
114 stars 63 forks source link

Two Hamburger Menus on Mobile #418

Open jamsoft opened 4 months ago

jamsoft commented 4 months ago

I've installed Chameleon on my wiki and everything is working great. It's a fantastic skin. The only issue I'm seeing is that when viewing on mobile I have two hamburger menu buttons/nav bars.

One has this element:

<nav class="p-navbar collapsible small bg-darker" role="navigation" id="mw-navigation">

Which doesn't work when clicked on.

And one with:

<nav class="p-navbar collapsible" role="navigation" id="mw-navigation-hn470628vf" style="position: relative; left: auto; width: 412px;">

Which does work and is the one that is supposed to be displayed.

MediaWiki version: 1.41.0 PHP version: 7.4.33 Chameleon version: 4.3.0 Bootstrap (extension) version: 4.6.2

I did have MobileFrontEnd installed previously but I've disabled that and still have this issue.

# wfLoadExtension( 'MobileFrontend' );
# $wgDefaultMobileSkin = 'minerva';

I've tried explicitly setting this to Chameleon as well:

$wgDefaultMobileSkin = 'chameleon';

But that didn't fix the issue either. Not sure what to try at the moment. Any advice appreciated.

jamsoft commented 1 month ago

Was just going to bump this one as I still haven't been able to get to the bottom of why this is happening.

Any advice would be great.