Site logo

Archived topic

Background content and header

5 replies · Started by Eva on November 22, 2018

Viewing posts 1–6 of 6

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.

This archived topic is closed to new replies.