Html Wordpress标头未使用不同的设备调整大小

首先，如果我把这个贴错了地方，我道歉

我正在为一个客户开发一个网站，并且正在进入一个阶段，除了一些小的调整之外，它几乎可以发布了

我正在使用wordpress开发网站-我以前从未使用过wordpress，所以我正在学习，我很高兴客户理解这一点

我遇到的问题与标题图像有关。我通过进入

Appearance->header

上传了一个标题图像，并选择了一个存储在硬盘上的图像

标题在我的电脑上看起来非常好，但是当我在手机上打开网站时，标题图像没有缩小，横幅（位于左侧）上的文字消失了，所以你看到的只是标题横幅的一半，看起来不太好

我使用

Mantra

作为主题，在我的手机上响应良好，但标题图像从未重新调整大小

我在这里花了一些时间尝试其他人的建议，最常见的解决方案在这里找到：但是我不确定要将代码添加到哪个CSS文件

---

如果有人能给我指出正确的方向，我将不胜感激，这样我就可以克服这个问题。

在页眉中使用响应式。。在你的CSS中试试这个

.header {
background-size: 50%, auto
}

用你的换50%

编辑：

---

使用图像作为背景图像

尝试使用图像的高度：

高度：100%它可能会使它看起来有点拉伸。或者，您可以将图像的高度提高，如果是背景图像，它将切断您需要的内容
显示标题图像和CSS@Andrew谢谢你的回复。我用Wordpress上传了这张图片，而不是自己编写HTML和CSS，所以我不确定你想看哪一部分。我对HTML/CSS很有信心，但是我不确定要向您展示什么。正如我所说，我正在学习，因为我正在前进，到目前为止，它一直是一个相当坎坷的路演，我的链接，然后到page@Andrew该网站目前正在进行维护-我正在使用一个插件，阻止公众访问该页面。不过，我使用了浏览器的开发工具，这是它与标题图像关联的CSS：
#branding{background:url（“http://www.mysite.co.uk/sites/design2/wp-content/uploads/2013/05/FINAL_BANNER2.png）无重复；宽度：1100px；高度：200px；}
尝试使用图像的
高度：
高度：100%它可能会使它看起来有点拉伸。或者你可以把图片的高度调高，如果是背景图片，它会把你需要的东西剪掉。谢谢你的回复。你能解释一下我在哪个文件中添加了以下代码吗？我甚至不知道头图像的CSS在哪里。很抱歉问了这个愚蠢的问题