menu different background color than logo

Can you send a link to your website?

Thank you for re-posting here…

Only way is to do this is to create some custom CSS. Install a plugin called Simple Custom CSS, but if you are using Jetpack, you can use the Custom CSS feature in it for this.

#site-navigation {
    background-color: #ffffff;
}

The above is just an example with white (#ffffff) as the background colour, but you can change it to your preference.

As a side note, I never thought about adding a colour setting option for a background. I may have to consider that on the next theme update.

Hi, thank you for your very fast reply!
(the site is still in maintenance, not online yet)

I’ve tried with Jetpack and two new problems occurred:
– I succeeded at all the pages except Home, how is that possible?
– and there is a white line underneath. (between menu and full-width-banner). Can I remove this?

Any suggestions? Thank you! ms

The row (line) that you are referring to I am guessing is the very light grey bar which is a row below the header. I just discovered that I did not add a colour option setting for this in the theme (not sure why), so I plan on adding this to the next theme update. In the meantime, you can do this custom CSS:

#header-footer {
    background: #f7f7f7;
}

That makes it the light grey but again, you can change this to whatever colour you want.

You mentioned about your home front page is not showing your menu area background colour?

Thank you so much for your fast reply again, you’re the best! ??

I guess it takes the homepage time to adjust. Now it does have the changes I did yesterday (weird) but refusing the #header-footer css I just did. So probably in a few hours the Homepage will look like the others, great.

I made the header-footer the same color as the menu.
So I have one question left.
Together the menu and the header-footer are very high now.
Is there away to make it smaller, maybe make the header-footer smaller or even disappear?

Thank you! ms

Maybe not only the possibility to make the header-footer smaller (or even disappear) but also the possibility to make the menu smaller. So I can try both.
Thanks!

I understand now that there is space between the menu and the full-width-banner which I find to high.
I been trying myself a few things.
For instance this is what I tried but nothing happend:

#page-banner-wrapper {
margin: 0px auto;
}

So I want the space to go away and the menu less high. Is that possible?

Sorry for all the reply’s, It is difficult for me to explain what I mean. It’s like learning a different language. Thank you for your help!

This might be what you are looking for, but you can hide the header footer by doing this:

#header-footer {
display:none;
}

Please note that doing this, there won’t be anything to really separate your top header area and the main content (which is what the purpose of that row was).

Thanks, but ?? Unfortunately no luck…
24 hours later there is still the blue header-footer.

I replaced
#header-footer {
background: #2988d2;
}

for

#header-footer {
display:none;
}

Is there a way I can open a css file in dreamweaver and add/change the code there?
Thank you! ms

Do you have a link to your site where this is? It’ll be much easier to see it and the code and to find out why a display: none; is not working.

Hi there, I switched off the Maintenance plugin, the url is:
https://bureaudactis.nl

The problem is the light blue space between the menu and the full-width-banner.
Thank you for looking at it! ms

I will need you to unlock it again…our time zones are quite different, I think we’re 9 hours apart, so I was sleeping (night time) when you unlocked it ??

Goodmorning! ??

Sorry, I don’t understand what you mean by unlock. The maintenance plugin is still switched off.
greetings marna

Good morning ??

Actually your page has a login at the right side to access your website, and on the page it says “This website is currently under construction – 2016”

…at least for me it is.

Maybe a detailed screenshot if the site is still not accessible?

I am sorry, I think I unlocked it now. (thought I already did…)