Website resizing on mobile

Hello!

I have a portfolio with a hovering effect that I really like, but on mobile phone it doesn't work well. The page doesn't fit perfectly to the screen so there's a scroll. It is not practical and fluid at all with the hovering effect when I'm trying to select something.

Is it possible to adapt the page's size to mobile screen so all the text fits on screen and there are no scroll possible?

Here is my site: https://www.valentinfolliet.com/

Thank you! 🙂

To remove scroll on homepage, try adding this to Website > Website Tools (under Not Linked) > Custom CSS

body.homepage {
    overflow: hidden !important;
}

27 minutes ago, tuanphan said:

To remove scroll on homepage, try adding this to Website > Website Tools (under Not Linked) > Custom CSS

body.homepage {
    overflow: hidden !important;
}

 

I've already added this code for the desktop version of my site, but it doesn't apply to the mobile version

For now it still does that when arriving on the website:

then, at some point, the scroll stops working, that's how I want it to work when arriving the website

I think the problem comes from how things are sized on this page? Maybe if the text and the menu bar were smaller to fit the screen perfectly it would work better?

I resized the text a bit for mobile and it made things a bit better, but there's still a lot of empty scrollable space... Is there a possibility to crop all this empty space so it fits mobile screens better and there's no scroll possible?

It looks like problem appears on iOS? I checked on my Samsung/Chrome and it is fine.

33 minutes ago, tuanphan said:

It looks like problem appears on iOS? I checked on my Samsung/Chrome and it is fine.

Oh..! That's weird 🤔