ald-boch
December 19, 2021, 2:54am
1
Hey y’all. Love being part of this community and Love webflow. Been working on my portfolio but something is fishy with mobile for some reason. Here is my read-only link:
https://preview.webflow.com/preview/aldboch-com?utm_medium=preview_link&utm_source=designer&utm_content=aldboch-com&preview=9eca6997f22838f5e5f235cafbbb5cb2&workflow=preview
What I’m having trouble with specifically is on several phones I’m using, unable to see the site at all, just blank after the hero image, it doesn’t even scroll. On the designer, everything is looking great.
Here’s a screenshot from the designer and from my phone:
I’ve tried multiple phones, multiple browsers and clearing all the cache in the world 100 times, nothing works.
Live link:
https://aldboch-com.webflow.io/
Here is my site Read-Only: LINK how to share your site Read-Only link )
Hi. Please add a live URL (No way to guess).
** Anyway - remove any custom code and test again.
main-body remove this style (on your body).
hh you set the overflow: hidden; (For the body!).
The mega vertical spaces related to your CSS and Animations (You use a lot of vh units) + A lot of animations (Hard to know - beside check on by one).
ald-boch
December 19, 2021, 5:20pm
5
Thank you Ezra! I do remember putting that on there… seems to be working better now.
You mentioned I use a lot of VH units. Is this bad? I thought VH being flexible was better than pixels. Is % a better unit to use?
ald-boch:
VH
In general it is related unit - so 100VH om device X could looks diff VS device Y. It is not bad but 300vh on mobile is “3 folds without any content”.
ald-boch
December 19, 2021, 8:58pm
7
What would be the best units to use in that case?
