Change with of header and top bar to match content

the footer also

Hey,

Try going to Theme Options> Main Settings, and set “Site Layout Style” to the option on the right.

Does this work for you?

-Kevin

Yes!!! Thank you. I knew I was missing something easy. How do I make the background on the sides gray? I want all the background to be light gray and just have the body content background be white.

This can be set in Theme Options> Advanced Settings “Body Background” and “Main Content” for the middle part.

-Kevin

Great, that worked. It wasn’t working before with the other layout and I had o tweek it in Page Builder. Thanks so much!!!

Is there a way to add a background color to the primary menu? And to get the menu to line up with the bottom of the logo?

You can set the color in Theme Options> Advanced Styling> Header Background.

To adjust the menu position, go to Theme Options> Main Settings and set the Primary Menu Spacing or the Logo Spacing to get it the way you want.

-Kevin

I just wanted the background of the menu lettering, not the whole header.

I can’t get the primary menu padded on the top more than 80. Is there a way to modify it with CSS to drop it down more?

Thanks!

Try this CSS:

@media (min-width: 992px) {
nav#nav-main {
    position: relative;
    top: 20px;
    } 
}
nav#nav-main {
    background: grey;
}

Add that to Theme Options> Advanced Settings and let me know if it works for you.

-Kevin

Awesome, Thanks!!!

How do I change the grey to a lighter color? I tried c4c4c4 but the specific color doesn’t work.

Be sure that you’re denoting that it’s a color in your CSS by adding it like this:

@media (min-width: 992px) {
nav#nav-main {
    position: relative;
    top: 20px;
    } 
}
nav#nav-main {
    background: #c4c4c4;
}

Does that work for you?

-Kevin

Thank you! I forgot the #