Add text below header

Support
1

Is it possible to add tekst below the header (but still in the header?) see screenshot
but then ofcourse make the header lager.

image
image.png1327×651 55.3 KB

2

With some lines of CSS and Html yes, it is possible:

image
image1361×480 44.6 KB

Create a new component on /admin/customize/themes and when it is ready remember to add it to the main theme of your site.

On desktop > CSS add:

.test {
    text-align: center;
    margin-top: -50px;
    z-index: 1000;
    position: fixed;
    width: 1100px;
    color: #D60107;
}
.d-header {
    height: 6em;
}
#main-outlet {
    padding-top: 8em;
}

On desktop > After Header add:

<div class="test" 
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at rhoncus arcu, ut placerat purus. Integer et varius enim, in tincidunt ex.</p>
</div>

You still need some media queries for other devices.

image
image1322×325 32 KB

8 Likes
5

thi works, great.
the only thing is that the latest post is below this header, can this be fixed ?