Bugs for iFrame on Skeckfab width +height 100%

(I’m working on the translation)

Hi, nice to meet you.

I’m using skeckfab which I’m using now.

The old wix has been tested and is stable

The new one has bugs.
Please let me know how to deal with them if you can

1 Like

Hello,
I’m Liron from the Editor X product team.

From your screenshots, I see that your iFrame width is set to 480 px, which can work fine on a desktop screen but is bigger than the width of a mobile screen.
The fact that the image is overflowing the page width on your mobile breakpoint creates the horizontal scroll that you try to avoid.

To fix it you can set the iFrame’s size and position on your page in 3 different ways:

  1. Set the iFrame’s size and position using the Inspector panel at the top right.
    Set Fluid measurements for your iFrame so it adapts to different screen sizes.
    You can read more about Editor X sizes here

  1. Customize these settings separately for each of your Breakpoints , if the behavior should be different.
    Learn more about designing across breakpoints with the Cascading rule here

  2. Click the Stretch icon on the top right of the image to fill the whole space.

To master Editor X sizing and breakpoints I would also recommend checking the Academy X lessons.

Thanks for reaching out!
Liron