Archived topic
Background content and header
5 replies · Started by Eva on November 22, 2018
Hi!
I am changing a sites theme to Genesis :-), but I can't figure out how to change the background to look like this: https://prnt.sc/llo490. Header and content white, but overall background red. Is there a way to do that?
Thanks!
Eva
Hi there,
yes, in the the Customizer > Layout > Container set it to a single container. And then in the Layout > Primary Navigation set that to Contained. And then a little CSS to create the gap at the top:
body {
margin: 5%;
position: relative;
}
Great! I made it two containers again to have the red line between the content and the menu. Just one more things: how can I align the word HOME with the logo (left) without widening the space between the menu-items?
Thanks David, for your fast reply, as always :-)!!
Eva
You can try this:
@media (min-width: 768px) {
.main-navigation ul {
padding-left: 40px;
box-sizing: border-box;
}
}
Yep, this also works fine.
Thanks again, David. Awesome support!
You're welcome, glad to be of help.