2017-07-24 68 views
2

我是一個使用Wordpress進行實驗的新手。想知道以下問題的答案:在wordpress網站上定位圖像橫幅

在以下網站:http://thejuicesensei.com/wp/ 我有我的頭一張照片。在全屏幕上,它看起來不錯,但在移動設備上,當最小化時,圖片位於頁面的左側。我希望它在右邊。我想也許我不得不使用CSS重新定位它,所以我做了以下:

.widget-header img {float:left; } to .widget-header img {float:right; }

希望它能工作。然而似乎沒有任何改變。我選了錯課還是什麼的?如果聽起來像這樣一個基本問題,任何幫助將不勝感激,並感到抱歉。

(目前使用的WordPress飛濺主題)

現在它看起來是這樣的:

enter image description here

我希望圖像在右邊所以心不是說白醜差距。

Regards

+0

下面的回答運作良好,爲您或不是? –

+0

仍在努力。 CSS似乎並沒有更新..可能是緩存問題..將不得不弄清楚如何確保css編輯實際上首先顯示.. –

+0

做一件事只是在你的自定義CSS文件中添加下面的兩件事,然後也不那麼運行良好,然後請在此過程中添加最大寬度:45%!重要。 –

回答

0

請加float:right to below class。

@media screen and (max-width: 728px){ 
    .widget-header { 
     float: right; 
    } 
} 
0

從浮動的IMG風格父母:左浮動:權

@media screen and (max-width: 728px){ 
    .widget-header { 
    max-width: 100%; 
    float: right; //change this 
    margin-top: 0; 
    } 
}