Hi there! I'm using the latest version of Stereo (it's awesome, thank you for making it) I'm wondering if there's a way to add a straight across banner on the top of the theme? I tried to figure it out on my own but can't get the banner image to show up. Thanks!
Hi! It depends on how exactly you would like this banner to look but to achieve something like this:
<div id="banner">
<div id="banner_inner">
THIS IS A BANNER
</div>
</div>
banner_inner {
background: red;
height: 100px;
margin: 25px auto 0;
width: calc(var(--sidebarWidth) + var(--postWidth) - 50px);
display: flex; /*you might not need this*/
justify-content: center; /*centers text*/
align-items: center; /*centers text*/
}
You need an outer and inner banner due to the way I build the rest of the theme. It's a flexbox row layout so the outer banner needs to be 100% width to force the rest of the content to break under it. You can obviously change the styling. I just centered the text to look good in the preview. This does not account for response mobile design. You'll need to figure that out yourself. But simply setting display: none; in a mobile break point may just do the trick!
