Community X.

Connect with other creators, share ideas, give feedback and get the latest product updates.

Jan 16

100vh issue on mobile sites

On some mobile browers (Chrome and safari) the 100vh setting of a section starts acting weird resulting in the footer being hidden behind the tool bar. This issue is well known and several solutions are available but they all require javascript that doesn't appear to be available in editor X.


Does anyone know a solution to this?


Kinds regards,


Ietzen

2 answers4 replies
1

Hi , Im Ido from the Editor X team,


Can you send an example of what you mean? a url of the site in question would be great. Thanks, Ido

Hi Ido,


Thank you for your reply. The following link explains my issue very well:


https://css-tricks.com/the-trick-to-viewport-units-on-mobile/


If you need more info, please let me know.

1

Ok I understand what you mean, Right now, the solution I can think of is using a grid on your section and using the calc option on your grid row to subtract the toolbar height from the 100vh (I understand that this varies between different devices). There is actually a way in Velo(wix-code), that you can get the height of the document, but at this moment you can not take this information and apply it directly to an element or container. I will raise these feature requests for future consideration. Thanks for bringing this up, Ido.

So would it be possible to get the amount that needs to be subtracted automatically? Otherwise it will ook different on each device and on each browers.


Thank you for bringing up this feature request.

Jan 16Edited: Jan 16

@Ietzen Boorsma Not at the moment. I will get back to you if I have any updates on the matter.

@Ido Hershkovits Thank you for you help

Editor X

Design your boldest creations.