Navigation Bar

Hi there,

To change the menu links, you can use this:

li.menu-item a {
	color: red;
}

li.menu-item a:hover {
	color: green;
}

And to make the header transparent you can use this:

.site-header {
	background: none;
	border: none;
}

I’m not sure if that will cause the image to appear behind the header bar, though, as from what I can see the header doesn’t overlap the post/page content.

Try that code, but if it doesn’t have the desired effect, I’ll need to look at how you specifically have your site set up to see if there’s a way to tweak it, so please give a link to your site if possible.

Moreover, ultimately what I require is for the featured image to go behind the navigation bar also so kind of create the following effect:

https://outlook.live.com/owa/

Thanks for the example of what you want, but I really need to see your site to see if it’s possible to do with how you have it set up. Can you give a link to your own site, please?