Multistate not working on mobile

Ask the community
,
1

Hi, I’ve added multistate boxes to my site, www.ibiza-project dot com In Preview, they work on desktop and mobile. However viewing the live site on mobile, none of them work. I’ve used Chrome, Duck Duck Go & Firefox - none work.

All browsers work on desktop, so I don’t think its the code. Can anyone help please? thanks

2

Hello, if you believe this to be a bug please see How to report a Bug

If you beleive this is due to code (i know you said it’s likely not) please add the relevant code snippet in a code block and any errors/more information so that someone in the community is more likely to be able to assist

3

thanks Amanda, see below…

$w . onReady ( function () {
$w ( “#readmorebutton” ). onClick (() => {
$w ( “#testimonialstate” ). changeState ( “readmorestate” );
});

$w ( "#readless" ). onClick (() => { 
    $w ( "#testimonialstate" ). changeState ( "testimonialcollapsed" ); 
});

});

$w . onReady ( function () {
$w ( “#expmorebutton” ). onClick (() => {
$w ( “#IPexperience” ). changeState ( “expmax” );
});

$w ( "#explessbutton" ). onClick (() => { 
    $w ( "#IPexperience" ). changeState ( "expmin" ); 
});

});

$w . onReady ( function () {
$w ( “#privmaxbutton” ). onClick (() => {
$w ( “#privatestate” ). changeState ( “privmax” );
});

$w ( "#privminbutton" ). onClick (() => { 
    $w ( "#privatestate" ). changeState ( "privmin" ); 
});

});

$w . onReady ( function () {
$w ( “#wedmaxbutton” ). onClick (() => {
$w ( “#weddingstate” ). changeState ( “wedmax” );
});

$w ( "#wedminbutton" ). onClick (() => { 
    $w ( "#weddingstate" ). changeState ( "wedmin" ); 
});

});

$w . onReady ( function () {
$w ( “#festymaxbutton” ). onClick (() => {
$w ( “#festystate” ). changeState ( “festymax” );
});

$w ( "#festyminbutton" ). onClick (() => { 
    $w ( "#festystate" ). changeState ( "festymin" ); 
});

});

4

I’m not sure where I’m looking at your site but if the box is on your home page, you have multiple console errors. The errors are with the source code of the editor so you will need their support team to look into this.

Also, with your code– there is no need to have more than one onReady function. Just layer the onClick continuation functions in one on ready or separate functions and call them onReady. Having more than one onReady is not a best practice and impacts site performance/speed.

5

thank you, that’s really useful