Customising the transparent menu on the home page

I have successfully changed the mainmenu settings. But when I scroll down the home page the menu panel that follows the page uses different colour settings for menu items.

I hope the attachments explain what I mean.

How can these be changed?

Thanks in advance.

Jake Hollyfield

That menu changes position way depending on scroll position when you are about to scroll down for its visibility it becomes fixed. It seams you changed some css property for case when it is not fixed positioned. Send link so we could check

Thanks for your reply.

I should have said that the difference between the two screenshots is because one is based on IE 8 and the other Google Chrome. I am deliberately using the older browser.

The different colours of the text occurs in all modern browsers.

I have put the site online so you can have a look, but it is currently being developed.

www.joclarkphoto.com

Thanks again.

I can not load your site I get timout

Can you try it again please? I am not having a problem.

Thanks.

In template_css.css you have this:

.toprow.fix_menu {
position: fixed;
top: 0;
z-index: 89;
width: 100%;
background: rgba(255,255,255,. !important;
box-shadow: 0 0 7px #333;
}

add below it:

.toprow{
background: rgba(255,255,255,. !important;
}