Space 在 header 模块和移动浏览器中的内容模块 joomla 之间

Question

我目前正在使用 Joomla 3 和 Helix 框架[=为客户开发 Joomla 网站41=]。我遇到的问题是，当我在移动浏览器中预览网站时，主菜单栏和主要内容之间存在间隙或 space（见附图）。

我试过的.
- 我已使用以下方法将所有浏览器边距和填充默认值重置为 0：

{padding:0; margin:0;} 
html {margin: 0; padding: 0;}

• 我已经安装了normalize.css
  
• 我已经检查过问题是否出在 header 标签 (h1 -h6) 和段落标签的填充和边距上。
  
• 我已经使用 chrome 浏览器检查器工具（我不确定那是不是你所说的）来删除元素，直到只剩下 header 和页脚并且间隙仍然存在仍然存在。

我的理论：

• 有boodtrap.css
  
的东西

the main issue

有什么建议吗？

Answer 1

你能试试这个吗..你的 navbar 重叠的高度和你需要居中的切换癌症..

section#sp-menu-main {
   height: 40px;
}

a#offcanvas-toggler {
   padding-top: 5px;
}