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
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:
If you need more info, please let me know.
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.
@ietzenboorsma Not at the moment. I will get back to you if I have any updates on the matter.
@idoh Thank you for you help
@idoh Is there any solution for this currently ?. I’m also facing the same issue.
@idoh Same problem. It really breaks the design of things when using 100vh. Wish there was an easy way to fix this.
Any update? I’m facing the same issue.
What site are you seeing this issue on? Our team is aware of a similar issue where on iOS, the browser tab will cover the very bottom of the page so want to make sure it’s the same issue.
2025 and I’m still having this issue. vh doesn’t take into account the safari tool/searchbar on mobile. We need svh / dvh options!