Expand -> image cut

Ask the community
,
1

Hi,

When I expand a strip collapsed, the background is divided by 2 and it appears a black zone to the right. I tested with many images.

Someone knows why ?

Thanks !
Melvin A.

1895×207 421 KB

import wixWindow from 'wix-window';
$w.onReady(function () {
 if(wixWindow.formFactor === "Desktop"){
    $w("#columnStrip8").collapse();
    }

export function text254_click(event) {
    $w("#columnStrip8").expand();
}
2

The clue is in the elements id name - columnStrip :wink:

You are using a strip that has columns in it, hence why you are getting the picture only showing in the first column and nothing in the second column.

You should just add a plain strip without any strips if you just want a full image to show, otherwise you can edit the columns in the strip yourself.
https://support.wix.com/en/article/wix-editor-splitting-a-strip-into-columns

If you are having a click event on text to expand this strip, then why not just put the strip to collapsed on load in the properties panel for it? You would not need the if desktop code then.

Also, if you are wanting it to not appear on desktop and just have it show on mobile for example, then just set it to be collapsed on load in the Wix Editor and simply set code for if mobile then expand it.
https://www.wix.com/corvid/reference/wix-window.html#formFactor
https://support.wix.com/en/article/corvid-writing-code-that-only-runs-on-mobile-devices
https://support.wix.com/en/article/corvid-tutorial-displaying-elements-in-mobile-only