skip to Main Content

I have built my own website. https://mcsimi.netlify.app.

Currently on Mobile there’s a issue with scrolling through the website because you cant scroll past the first div because then there are for whatever reason two scrollbars.

If I set the website to request desktop website with the meta function from every browser it works fine. Can i do it so this desktop site will always be loaded. It’s the same file but different browser settings.

This is the meta code I have:

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Portfolio by McSimi. A Fullstack Developer.">`

I tried anything with viewport and it doesnt work right. I exspect it to only have one scroll bar on mobile so i can scroll through the whole page.

2

Answers


  1. I can’t comment so I will do here (I check on your website). You have implementation of scroolbar in your Navigation bar and one just before the beginning of your introduction. Two things possible for me, your first is closed too early or you have a duplicate component with the same scrolling implementation. Can you share the code and more informations ?

    Login or Signup to reply.
  2. If you don’t want their to be a scrollbar on mobile, just use media queries, at a the screen size you don’t want it, use this:

    body,html::-webkit-scrollbar-thumb {
          background-color:transparent;
        }
    

    to hide the scrollbar.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search