hey!! Could anyone help me out?
I’ve been literally the whole day trying to find out what is going on and how to remove that blank space on the mobile version
the web is deploy, but not finish. Maybe someone can take a quick look to the inspector.
I could share the link to editor page here, but I’ve read its not safe for the API keys .
Any idea of what could I do? I really hate days like this, so many hours wasted for nothing… just killing my mood/energy.
Thanks!
if you are talking about the fact that you can scroll right and see empty space
that is because you have something whose width is not adjusting properly…it is always a pain to figure out which element is doing it, so you just need to check all width settings of any element on the page
In terms of the issue with the header
This has to do with either your header as a floating group and the main page content doesn’t have a margin set to accommodate the header, or there is custom code used that is not working properly…i think it is custom code as when I first load your app I some weird stuff in top left that looked like code as the elements didn’t load immediately (I only experienced this the first time I opened the app, and I assume the cache is why I can not reproduce the issue)
That weird stuff is a CSS that I was trying to use now.
body {
overflow-x: clip !important;
}
It didnt work
I think I’ve checked all groups, I can’t find anything that overflows.
Check the following lottie animation (inside a Bubble HTML element). It has a fixed width of 300px and is extending beyond the bounds of the page…
Also, the page is throwing a Tailwind CSS error, so you should fix that before going live as well…
Good luck,
-Steve
You can also set the HTML background color to match your page so the overscroll is the same color and isn’t seen.
According to Bubble the ability to set this natively is coming soon.
<style>
html {
background-color: #F8F8F8;
}
</style>
Oh god. Thank you! I will check when I come back home!
About that Tailwind CSS error,… To be honest I don’t even know what it’s it, but at least I know the element that is maken that happen.i need to run a library or something…
But the web works! Haha