html - 移动浏览器中标题模块和内容模块joomla之间的空间

Question

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

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

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

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

我的理论:

• boodtrap.css
  
的东西

the main issue

有什么建议吗？

Answer 1

你能试试这个吗..你的 navbar 重叠的高度和切换器是否可以让你需要居中..

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

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