Hey, you certainly noticed that the website had a new look. I used the wordpress Spacious theme. You can find it here. This theme is responsive and you can highly customize the header. Basic header consiste of a picture and a menu. It’s look like as this:
This already look great but, I would to overlay the menu on the header image. This post explains how to change the theme in order to have somethink like this:
How to do?
Disable Header image
In the theme customization, just disable the header image.
So now, the CSS. First I add the background image in ID #header-text-nav-container. The CSS code is:
border-bottom: 1px solid #EAEAEA;
no-repeat center center;
Now you have the image cross the page. The last think to add is to give an oppacity to the backgound image. This improve text lisibility.
background-color: rgba(255, 255, 255, 0.62);
if it can help someone : )