How do i have a header which is light but maintain the dark text on project pages?

I can change the header text colour in the html, but cant change the logo, scroll down button, menu and hamburger to light.

It would, but what about the project navigation at the bottom and the back to top arrow? They would still be light.

Ok. But then there is the issue with the scroll back. If i use use a white background the scroll with be white. Is there any css i can use to change the logo to alt and the menu/hamburger to dark?

This is getting all a bit complicated for me. It's going beyond my capabilities i'm afraid.

ok. thank you.

Sorry one last question.

I think i have managed to do everything i need by making the scroll-hide background dark. But the logo is now not aligned with the hamburger. 

What CSS can i add to fix this?

thanks

great. Last thing, promise!

I have just noticed when i added my social links the second social is not clickable. I have checked the links and they are correct. Something is stopping the second social from being clickable.

Is it something to do with the copyright line of text z-index?


https://darrenchittock.com/

Sorry for the confusion. Basically the footer containing the copyright is overlaying the scroll to top and social icons. so neither of the scroll to top or second social icons are clickable. I've fixed this now by using a z-index on the scroll to top. I would have to do the same to the second social icon.

The socials are not displaying on the project pages:

https://darrenchittock.com/works/maca-museum/

Is this because the project page text colour is set to light? 

i did try that and it still isn't showing at all. Any other ideas?