Mobile Menu Dropdown

Hello,

The goal here was to create a multilanguage site with a custom dropdown menu for mobile.
Did quite some research as it’s a lot more complicated that I expected.

I ended up creating boxes for the desktop menu and a lightbox for mobile that I linked to a vector shape which is Hidden on load with the below code on HomePage:

import wixWindow from ‘wix-window’;

$w.onReady( function () {
if (wixWindow.formFactor === “Mobile”){
$w(“#MenuEnglish”).show();
}
});

However, I can’t seem to be loading the vector on mobile, this is the staging site .

Very new to coding and would be forever grateful for any help.

Cheers,
Fabien

Is #MenuEnglish a Lightbox? If so you need to open it this way.

wixWindow.openLightbox(“LightboxName”);

1 Like

Thank you Andreas for your reply, should I put this below import?

@fabienbouhier No, replace the $w(" #MenuEnglish ").show(); with it

1 Like

@andreas-kviby Tried it, not working :frowning:

import wixWindow from ‘wix-window’;

$w.onReady( function () {
if (wixWindow.formFactor === “Mobile”){
wixWindow.openLightbox(“MenuEnglish”);
}
});

@fabienbouhier So then you don’t have a lightbox named MenuEnglish. Please take a screenshot of the lightbox you want to open on your mobile.

1 Like

@andreas-kviby Here you go :slight_smile:

@fabienbouhier So the name seem to be english not MenuEnglish, try to change it

@andreas-kviby I created a new lightbox with the name english and changed the code, still nothing

Hi Fabien!

Please share a link to your site in order for us, the Wix Code team, to inspect it and provide you with a solution.

Doron.

1 Like

Hello Doron,
Thanks for your help, here you go for the site: https://fabienbouhier.wixsite.com/mymentalhealth