三星 Internet (Chromium) 未正确显示网站顶部

如果我在这里访问我们的开发站点：https://dev.inclineia.com/about-us/ 在大多数浏览器上一切看起来都不错。但是如果我在三星移动设备互联网应用上打开它，深蓝色导航栏会出现在浅蓝色页面标题上方。我唯一能做的就是在移动设备上为页面标题添加一个上边距：

@media (max-width: 767px) {
   #page-title {
       margin-top: 90px;
   }
}

这当然会为 iPhone 等其他设备增加额外的空间。我也尝试将 clear: both 用于导航栏和页面标题栏，但都不起作用。

我认为它可能需要对顶部的徽标做一些事情，因为我正在使用这个 css：

#site-header .logo-position-center .site-title {
    display: inline-flex;
}

这是我能找到的使徽标在移动设备导航栏上方居中显示的唯一方法，但它可能会导致与页面标题冲突。

我发现测试它的唯一方法是通过在 chrome 中打开开发工具，单击切换设备工具栏并在屏幕顶部选择 galaxy S5 作为我的设备。

主页上的图片也会发生这种情况：https://dev.inclineia.com/ 当没有页面标题时。这显然与标题区域有关。我试图为标题区域设置最小高度，但没有任何效果。

有人能帮我解决这个问题吗？