I have an issue with the vh on phone and tablet mode. I have the background image and on top I have a circle with an arrow that is at the bottom of the page. When you open the site is supposed to look in half. On desktop everything is ok. But on the phone I have to scroll a bit to see it. It doesn’t serve the purpose in that way.
Link attached.
If anyone can help that would be awesome!
Thanks guys
Constantinos
You have set the a “minimum” height for section 2 of 100vh you have not constrained a maximum height, so when you take the header, all the padding, text etc it pushes it to above 100vh and hence pushes it off the page.
Set “height” (not min height) to 100vh to constrain this and maybe look at changing some font sizes or spacing if needed afterwards.
Kind regards
Mark
Is there any response to this? This is a major issue with the platform–especially if one has eCommerce projects which are derive 80% of revenue from iPhone users.