好的，所以对于记录我根本不编码，但我一直在尝试对Wordpress中的网站css和html做一些小改动（这是我尝试的主题）调整只是为了清楚）。
一切顺利，直到我尝试将横幅图片添加到我的网站。长篇故事在尝试添加一些新的html和css以获得我之后的结果之后我发现了我认为更好的路线 - 使用主题中已有的功能来插入我的图像。现在我只需要一些帮助来确定如何调整它以适应屏幕。
Here是主页当前状态的打印屏幕图像
Here是我希望最终结果的一个例子
以下是当前与当前图像相关的代码：
<header id="masthead" class="site-header" role="banner">
<div class="site-branding">
<a href="http://www.eboniequill.com/" class="custom-logo-link" rel="home" itemprop="url"><img width="1000" height="333" src="https://i0.wp.com/www.eboniequill.com/wp-content/uploads/2017/08/cropped-Twitter-Cover-Ebonie-Quill.png?fit=1000%2C333" class="custom-logo" alt="Ebonie Quill" itemprop="logo" srcset="https://i0.wp.com/www.eboniequill.com/wp-content/uploads/2017/08/cropped-Twitter-Cover-Ebonie-Quill.png?w=1000 1000w, https://i0.wp.com/www.eboniequill.com/wp-content/uploads/2017/08/cropped-Twitter-Cover-Ebonie-Quill.png?resize=300%2C100 300w, https://i0.wp.com/www.eboniequill.com/wp-content/uploads/2017/08/cropped-Twitter-Cover-Ebonie-Quill.png?resize=768%2C256 768w, https://i0.wp.com/www.eboniequill.com/wp-content/uploads/2017/08/cropped-Twitter-Cover-Ebonie-Quill.png?resize=450%2C150 450w, https://i0.wp.com/www.eboniequill.com/wp-content/uploads/2017/08/cropped-Twitter-Cover-Ebonie-Quill.png?resize=850%2C283 850w" sizes="(max-width: 739px) 94vw, (max-width: 969px) 88vw, (max-width: 1199px) 860px, 850px" data-attachment-id="148" data-permalink="http://www.eboniequill.com/cropped-twitter-cover-ebonie-quill-png/" data-orig-file="https://i0.wp.com/www.eboniequill.com/wp-content/uploads/2017/08/cropped-Twitter-Cover-Ebonie-Quill.png?fit=1000%2C333" data-orig-size="1000,333" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="cropped-Twitter-Cover-Ebonie-Quill.png" data-image-description="<p>http://www.eboniequill.com/wp-content/uploads/2017/08/cropped-Twitter-Cover-Ebonie-Quill.png</p>
"data-medium-file="https://i0.wp.com/www.eboniequill.com/wp-content/uploads/2017/08/cropped-Twitter-Cover-Ebonie-Quill.png?fit=300%2C100" data-large-file="https://i0.wp.com/www.eboniequill.com/wp-content/uploads/2017/08/cropped-Twitter-Cover-Ebonie-Quill.png?fit=850%2C283"></a>
<div class="site-title" style="opacity: 1;">
<a href="http://www.eboniequill.com/" rel="home">
<span style="display: none;">Ebonie Quill</span>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 761 101" style="width: 761px;">
<text x="50%" y="0.82em" stroke="#fff" text-anchor="middle" stroke-width="3" font-size="119">
Ebonie Quill
</text>
</svg></a>
</div>
<p class="site-description" style="color: rgb(184, 182, 183);">
<span class="site-description-text">Connecting Cultures Through Diversity</span>
<span class="site-description-after" role="presentation" style="width: 100%; opacity: 1;"></span>
</p>
</div><!-- .site-branding -->
<nav id="site-navigation" class="main-navigation" role="navigation">
<button class="button-toggle js-nav-trigger" aria-controls="menu-primary-menu" aria-expanded="false">
<span class="nav-icon icon--lines"></span>
<span class="button-text assistive-text">Primary Menu</span>
</button>
<ul id="menu-primary-menu" class="nav nav--main js-nav--main" aria-hidden="false" style="border-top-color: rgb(230, 230, 230);"><li id="menu-item-19" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-19" style="opacity: 1;"><ahref="http://www.eboniequill.com/">Home</a></li>
<li id="menu-item-62" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-62" aria-haspopup="true" style="opacity:1;">ahref="http://www.eboniequill.com/category/archaeology/">Archaeology</a><ul class="sub-menu" aria-hidden="true" role="menu">
<li id="menu-item-66" class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-66"><ahref="http://www.eboniequill.com/tag/dinosaurs/" tabindex="-1">Dinosaurs</a></li></ul></li>
<li id="menu-item-63" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-63" style="opacity: 1;"><ahref="http://www.eboniequill.com/category/anthropology/">Anthropology</a></li>
<li id="menu-item-65" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-65" style="opacity: 1;"><ahref="http://www.eboniequill.com/category/psychology/" tabindex="0">Psychology</a></li>
<li id="menu-item-67" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-67" style="opacity: 1;"><ahref="http://www.eboniequill.com/category/travel/" tabindex="0">Travel</a></li>
<li id="menu-item-20" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20" style="opacity: 1;"><ahref="http://www.eboniequill.com/about/">About</a></li>
<li class="nav--toolbar--left_wrapper" style="opacity: 1;"><ul id="menu-social-media-left" class="nav nav--toolbar nav--toolbar--left"><li id="menu-item-74" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-74"><a href="https://www.patreon.com/eboniequill">Support Us on Patreon</a></li></ul></li>
<li class="nav--toolbar--right_wrapper" style="opacity: 1;"><ul id="menu-social-menu" class="nav nav--toolbar nav--toolbar--right right"><li id="menu-item-68" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-68"><a href="https://www.facebook.com/eboniequill">Facebook</a></li>
<li id="menu-item-69" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-69"><ahref="https://twitter.com/ebonie_quill">Twitter</a></li>
<li id="menu-item-70" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-70"><a href="https://www.pinterest.com/eboniequill/">Pinterest</a></li>
<li id="menu-item-72" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-72"><a href="https://eboniequill.tumblr.com">Tumblr</a></li>
<li id="menu-item-73" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-73"><ahref="https://www.bloglovin.com/@eboniequill">Blog Lovin’</a></li></ul></li>
<li class="nav-dropdown_wrapper" style="opacity: 1;"></li></ul>
<ahref="#search" class="button-toggle button-toggle--search">
<span class="button-icon"><i class="fa fa-search"></i></span>
<span class="button-text assistive-text">Search</span>
</a>
</nav><!-- #site-navigation -->
</header><!-- #masthead -->
有人可以告诉我应该在html或css中更改哪些内容以进行我需要的更改吗？
谢谢！