大家好！
.search-menu.menu-panel-results, .search-menu-container.menu-panel-results {
width: 600px;
left: 150px;
}
.floating-search-input .search-banner-inner.wrap .search-menu .search-icon {
left: 150px;
}
我写了这些代码，当我将它们添加到 CSS 字段时，它看起来是我想要的，但在其他人那里却不是这样。
你能帮帮我吗？
https://pvpfarm.com
我只是猜测，但偏移量似乎是由于登录按钮的宽度与搜索菜单按钮和头像的宽度不同造成的。
是的，莉莉，这正是问题所在。我们能找到解决方案吗？
这是您在以下主题中遇到的同一个问题吗？
https://meta.discourse.org/t/how-can-i-center-the-search/301726?u=moin
为什么匿名用户会显示搜索栏？ 没关系。我现在可以了。我以为点击搜索栏会弹出登录窗口，但它确实让我搜索……快速查看一下。
我在我的 Macbook 上的 Chrome 浏览器中发现所有内容都存在很多 bug。标题按钮会打开错误的菜单，尝试关闭聊天抽屉会打开汉堡菜单等。
我不知道原因——我猜测是某些 SCSS 存在冲突。不过，你和你的论坛正在进步 
- 不要气馁；与你刚开始在这里时相比，你的网站看起来好多了。如果你没有经验，CSS 是很棘手的，如果你不小心，很多东西会很快变得混乱。慢慢来，阅读这里的一些 Documentation 知识库主题。我认为如果你简化和优化一些 CSS，你就能解决这些问题。
我现在非常惊讶 
，我也没有遇到过这样的问题。也许这个问题是因为你翻译了网站的语言？网站的主要语言是土耳其语。
我很快会在我的 Macbook 上检查一下。
我很想尽量简化代码，但这非常复杂。
我可以给你管理员权限。你可以亲眼看看有多复杂 
@media screen and (min-width:640px){
.d-header .home-logo-wrapper-outlet,
.d-header .panel{
width:240px;
}
}
顺便说一句，这段代码解决了我的问题。但看起来不太好。
页眉内容和页面内容独立居中，因此，例如，如果页眉在左侧或右侧有更多内容，页眉的中心将不同。
以下是一些说明，在此页眉的“中心”根据右侧内容的多少而变化：
没有简单的方法可以确保页眉和页面内容的中心始终相同，尤其考虑到页眉内容的宽度可能会发生变化（由于翻译、按钮数量等）。
这是因为左侧的内容（徽标）现在与右侧的内容（按钮容器）的宽度相同。您需要单独的 CSS 来定位 .anon（已注销），因为右侧显示了不同的按钮。如您所注意到的，翻译也会使按钮大小不同，从而影响对齐。
感谢 @awesomerobot，感谢您用截图进行解释。对我来说非常容易理解。
@media screen and (min-width:640px){
.d-header .panel{
margin-left:-66px;
}
}
我也尝试用这种方式，但感觉就像俄罗斯方块里的贪吃蛇游戏。两者在屏幕上互相追逐。
解决方案
/* arama search bar ortalama */
@media screen and (min-width:640px){
html:not(.anon) .d-header .panel {
margin-left: 95px;
}
}
.floating-search-input-wrapper {
margin-right: -35px;
}
/* arama search bar ortalama */
您可以根据需要调整像素值。