2013-11-04 58 views
-1

我正在使用Drupal。我在我的kickstart子主題中添加了sitename和口號,這是歐米茄的一個子主題。然後我通過branding.tpl.php文件添加了一個電話號碼。當我調整窗口的大小時,品牌文字向下移動並位於頁面上其餘元素的後面 - 它不會像我希望的那樣將其他所有內容都推下去。有人可以幫我一些響應的CSS請嗎?

我工作的網站是www.mediamatterstechnology.com,請有人給我一些關於如何解決這個品牌部分的響應性的建議。

我想要發生的事情是,當您調整窗口大小時,品牌部分會像現在一樣向下移動,但會將其它所有東西向下移動,而不會消失在頁面上的其他項目後面。

非常感謝你爲這個

+0

你能證明你的一些代碼或意見。 – Sami

+0

首先改變你的滑塊,它有一個固定的寬度 – Romain

回答

0

你的第一個問題的任何幫助,是<hgroup class="site-name-slogan">150px的特定高度。將其更改爲auto可以使文本擴展到所需的空間。

這引入了第二個問題,因爲絕對定位的菜單Widget會干擾它。儘管如此,如何解決這個問題可能會產生設計影響,並且存在很多可能性

一種解決方案是給力的hgroup底部距時的設計佈局與下面的CSS規則的移動版本:

body.responsive-layout-mobile hgroup.site-name-slogan { margin-bottom: 40px; } 
相關問題