Expanding Collapsed Elements on Mobile

Ask the community
,
1

Hello,

Recently I have implemented my desktop website with collapsable elements. I have multiple elements that are by default collapsed until triggered. This is working great so far, but not on mobile.

The triggers work amazing on desktop to expand collapsed strips, but they do nothing on mobile. I have researched and have not found anything that helps.

I am okay if I am able to default these elements to remain expanded (only on mobile), but I cannot get that to work either. Below is a snippet of the code I have tried to use.

import wixWindow from 'wix-window';

$w.onReady(function () {
 if(wixWindow.formFactor === "Mobile"){
  $w("#columnStrip92").expand();
  $w("#columnStrip93").expand();
  $w("#columnStrip95").expand();
 }
});

I have added this in the page with the collapsed element’s code.

I would like to make it so either the triggers work to show the collapsed elements, or by default on mobile, the collapsed elements are expanded only for mobile.

Please visit my example website at www.mammothdecks .com/decks on mobile and desktop to get a feel for what I need.

Please help!