Lawyer theme header background change

[martin_mato]

Hello,

I’m using the lawyer theme. I have tried and tried to change the background of my header to the blue that is my primary color, but it won’t change.

It’s just a block to the right of the navigation bar. The rest changed just fine. I would have added a screenshot, but it doesn’t seem there is provision for this here.

I can “switch it off” by choosing to make my navbar transparent, but I don’t want a transparent navbar. I want it to be my chosen blue before I scroll down and to become black once I begin scrolling down.

Can you tell me how to make this change please?

[jade]

Hello Martin,

Do you want to change the background color the entire area of the header?

If so, there is a default padding that is on the left side of the entire site area that is why when you try to change the background of the header area, it only changes the background color of some part of the header.

You might want to try this code:

.masthead .x-topbar, 
.masthead .x-navbar {
    background-color: blue;
}

#top {
    padding-top: 0;
}

However, the result of that code will be:

Changing the header area further would require more customization because of the layout of the Lawyer theme demo and customization goes beyond the scope of the support we can offer.

Hope this helps your get started.