Fitting HTML element position fixed in mobile page

Ask the community
,
1

Hello everyone,

i create my app using wix website as webview.

to make it reacting native I made the home page buttons opens light Boxes with effects and inside the light box it load HTML element to another page in my wix site that actually makes it faster for user to feel the app natively.

I am looking for codes in JS to position the HTML elements to fits the mobile pages, I couldn’t size the html element to fit all mobile Sizes so in this case I have to use codes to fit that height.

I also want to try if it works for the light boxes as well to fit the screen if that is possible I may create more apps for my customers and wix can be the future mobile webview applications for react native.

any suggestions please

2

If you work with EditorX (recommended) , you can set the size via the editor using vh (percentage of viewport height ) and vw (viewport width units). If you work with the classic editor which is not really responsive, you only can do it if you create the iframe in a custom element with html and css (and only if you have a premium account).