Question 250834 in Html Question posted in
Some basic documentation can be found here.

My HTML or CSS prevents me from scrolling down on mobile sized screens

The title pretty much says what my issue is. I did a few google searches and couldn’t find anything helpful so I came here. Here is the link to the site: https://aquamarine-catharina-45.tiiny.site/

I changed from ".container" having the properties: position: fixed; and left: 35% to just margin-left: 35% thinking that may fix it but it didn’t.

edit: Pay no attention to the second page I’ve already fixed that.

Tags:

3

Answers


  1. 0

    You have to use overflow-y: auto. Depending on what section you want to scroll down you can put the overflow on. You can use it either on the body or in the container.

    body {
  overflow-y: auto;
}

    or

    .container {
   width: 90%;
   margin-left: 5%;
   overflow-y: auto;
}
    Login or Signup to reply.
  2. 0

    You have set the overflow-y property of the html element to hidden. Change it to visible.

    html{
overflow-y: visible;
}
    Login or Signup to reply.
  3. 0

    In fact, something in your code prevents it from scrolling, could you share the HTML and CSS? Furthermore, it would be ideal for you to use @media (media queries) to style the site for other screen sizes, such as cell phones.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search