I have been using a navigating button to show/hide the bar on right for phone users and small screens.

The website:

The button fixed to the right top corner, and the bar sticking to the right side.

But after some browser update (chrome), it turned like this:

I have tried many things, and I have no idea how to fix it. I'm not an expert on CSS and website design, so I hope someone can help me solve this problem.

CodePudding user response：

Its happens because your viewport is set to 1100 and your body width is set to 740px on mobile device.

You can change your viewport at your head tags with

<meta content="width=740" name="viewport">