移动浏览器中头模块和内容模块joomla之间的空间

Question

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

我尝试了什么。
  - 我已使用以下方法将所有浏览器边距和填充默认值重置为0：

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

• 我安装了normalize.css
  
• 我已经检查过问题是否是标题标记（h1 -h6）和段落标记的填充和边距。
  
• 我使用了Chrome浏览器Inspector工具（我不确定这是否就是你所说的）来删除元素，直到只剩下页眉和页脚并且差距仍然存在。

我的理论：

• boodtrap.css
的内容

the main issue

有什么建议吗？

Answer 1

你可以试试这个...... navbar重叠的高度和你需要居中的转换器..

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

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