无法将元素固定在页面角落(博主 "Simple" 模板)

Trouble making an element fixed on page corner (blogger "Simple" template)

对于 phone 用户和小屏幕,我一直在使用 show/hide 右侧栏的导航按钮。

网站:https://sample-l-core-0001.blogspot.com/

它应该是这样的:

按钮固定在右上角,条贴在右侧。

但是在一些浏览器更新后(chrome),它变成了这样:

我试过很多东西,但我不知道如何解决。我不是CSS和网站设计方面的专家,所以我希望有人能帮我解决这个问题。

这是因为您在移动设备上的视口设置为 1100 并且主体宽度设置为 740px。

您可以使用

在头部标签处更改视口
<meta content="width=740" name="viewport">