定位在wordpress站点的图象横幅

Question

我是一名试用Wordpress的新手。想知道以下问题的答案：

在以下网站中：http://thejuicesensei.com/wp/ 我的标题中有一张照片。在全屏幕上它看起来不错，但在移动设备上，当最小化时，图片位于页面左侧。我希望它在右边。我想也许我不得不使用CSS来重新定位它，所以我做了以下几点：

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

希望它能奏效。然而似乎没有任何改变。我选错了课吗？如果听起来像这样一个基本问题，任何帮助都会受到赞赏和抱歉。

（目前使用wordpress的splash主题）

现在它看起来像这样：

我希望图像在右边，这样就没有白色的丑陋间隙了。

此致

Answer 1

请将float：right添加到类下面。

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

Answer 2

浮动的img的样式父：左边浮动：右边

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