Jump to content

Website resizing on mobile

Recommended Posts

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! 🙂

Link to comment
  • Replies 6
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

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

Link to comment

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

image.gif.f760432a27d632010c9bd98df791e16d.gif

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

image.gif.739f9102ae5b3224e4a6ec5157378e6f.gif

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?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.