Adding a message beneath the Search bar (but within the header) in Guide

Oliver Mottram

Edit home_page.hbs

replace 

 {{search submit=false instant=settings.instant_search class='search search-full'}}
</div>

with

{{search submit=false instant=settings.instant_search class='search search-full'}}

<p></p>
<table style="width: 100%; border-collapse: collapse; background-color: #800080; height: 36px;" border="0">
<tbody>
<tr style="height: 36px;">
<td style="width: 100%; text-align: center; height: 36px;"><span style="color: #eeeeee;"><strong>What's New?</strong> The Knowledge Base has been refreshed with new and updated content which incorporates the Enhanced Navigation Experience changes. Check it out!</span></td>
</tr>
</tbody>
</table>

</div>

and edit style.css

.search-icon {
position: relative;
top: 50%;
transform: translateY(-50%);

to 

top: 55%;

.hero-inner {
position: relative;
top: 50%;
transform: translateY(-50%);
max-width: 610px;
margin: 0 auto;

to

top: 50% (we ended up leaving it as was)

.hero {
background-image: url($homepage_background_image);
background-position: center;
background-size: cover;
height: 300px;

to

height: 200px;

Hope that helps!

how did you add the message below the search box please? Martin Cubitt

Thank you so much, worked a charm! (20% for me, but that was the section I didn't see)

Hey Martin Cubitt, 

Adjust the CSS: Copy-paste the code.

.hero-inner .search-icon {
  top: 11%;
  transform: translateY(-11%);
}


Note: You can increase or decrease the number 11% as per yours.

Thanks

Team