Need help for iframe on mobile site

Discussion Ask a question
,
1

Hi guys,

I have a iframe built in on my page: https://www.grandtourleasing.dk/nye-biler

And as well as it works on a desktop site, it resizes weirdly on tablets and smartphones. Is there a way to keep it from resizing or a way to adjust the parameters so it would appear normally on mobile devices? The below is an example of how it looks where most of the text is missing within the frame.

750×1334 154 KB

The code is the follwing:

2

Hi Daniel.

You can use the formFactor API to determine rather the current use of your site is through a mobile or through desktop.Then, by postMessaging you can communicate with the Iframe and change the layouts via code when it appears on mobile. See example here .

if (mobile){ 
//... 
//... 
}

Please check the guides I’ve attached.
Hope it helps!
Best of luck!

Doron. :slight_smile:

3

Hi, I’m not much of a coder. How would I incorporate the formfactor to my site?

4

Hi Daniel.

It would be something like this:

import wixWindow from 'wix-window';
// ... 
let formFactor = wixWindow.formFactor; //"Mobile" for instance

if (formFactor == Mobile){
// whatever you want the code to do - when the site is viewed on mobile
// aka change the layouts of the page to your preference and such
}

Know that you can always go to WixArena and get yourself an expert to help you/build a site for you.

Doron.