-1

我正在使用 Drupal。我在我的 kickstart 子主题中添加了站点名称和标语,这是 omega 的子主题。然后我通过branding.tpl.php 文件添加了一个电话号码。当我调整窗口大小时,品牌文字会向下移动并位于页面上其余元素的后面 - 它不会像我希望的那样将其他所有内容向下推。

我正在处理的网站是 www.mediamatterstechnology.com,请有人给我一些关于如何修复这个品牌部分的响应性的建议。

我想要发生的是,当您调整窗口大小时,品牌部分会像当前一样向下移动,但会将其他所有内容一起向下推,而不是消失在页面上的其他项目后面。

非常感谢您对此的任何帮助

4

1 回答 1

0

您的第一个问题是<hgroup class="site-name-slogan">指定高度为150px. 将此更改为auto允许文本扩展到所需的空间。

然而,这引入了第二个问题,因为绝对定位的菜单部件会干扰它。你如何解决这个问题可能会对设计产生影响,并且有很多可能性。

hgroup一种解决方案是在设计位于移动版布局中时使用以下 CSS 规则强制设置底部边距:

body.responsive-layout-mobile hgroup.site-name-slogan { margin-bottom: 40px; }
于 2013-11-04T11:46:52.563 回答