我正在使用Drupal。我在我的kickstart子主题中添加了一个网站名称和标语，这是欧米茄的一个子主题。然后我通过branding.tpl.php文件添加了一个电话号码。当我调整窗口大小时，品牌文字向下移动并在页面上的其他元素后面移动 - 它不会像我希望的那样推动其他所有内容。
我正在处理的网站是www.mediamatterstechnology.com，请有人就如何修复此品牌推广部分的响应能力给我一些建议。
我想要发生的事情是，当您调整窗口大小时，品牌部分会像当前一样向下移动，但会将其他所有内容向下推，而不是消失在页面上的其他项目后面。
非常感谢您对此的任何帮助
答案 0 :(得分：0)
您的第一个问题是<hgroup class="site-name-slogan">的指定高度为150px。将其更改为auto可以将文本扩展到所需的空间。
这引入了第二个问题，因为绝对定位的菜单小部件会干扰它。你如何解决这个问题可能会产生设计意义，并且有很多可能性。
一种解决方案是使用以下CSS规则在设计位于布局的移动版本时强制hgroup上的下边距：
body.responsive-layout-mobile hgroup.site-name-slogan { margin-bottom: 40px; }