在 wordpress 网站上定位图像横幅答案

【问题标题】：Positioning image banner on a wordpress site在 wordpress 网站上定位图像横幅
【发布时间】：2017-12-29 14:41:28
【问题描述】：

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

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

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

希望它会起作用。然而，似乎一切都没有改变。我选择了错误的课程还是什么？如果这听起来像一个基本问题，任何帮助将不胜感激和抱歉。

（目前使用 wordpress 的启动主题）

现在看起来是这样的：

我希望图像在右侧，这样就不会有白色的丑陋间隙。

问候

【问题讨论】：

【解决方案1】：

img 的父样式从 float:left 到 float:right

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

【讨论】：

【解决方案2】：

请将 float:right 添加到下面的类中。

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

【讨论】：