Site Title Change and Menu Opacity

Hi, I managed to change the menu color once i start scrolling from black to white, and the font from white to black, but does anyone have the css code to change my site title and tagline, color once i start scrolling to black?

I was also wondering how to change the menu opacity once i start scrolling

  • thanks

Hi,

Here is the css code to change the menu background to transparent when the page is scrolled. You can use simple custom css plugin to add the css code below:

.site-header.float-header {
    background-color: rgba(0,0,0,0.5);
}

Did you still need the trick to change the font color also?

Regards,
Awan

Hello there,

Thank you for asking.

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

#masthead.float-header .site-title a, 
#masthead.float-header .site-title a:hover {
  color: #ff0000;
}  

#masthead.float-header .site-description{
  color: #ff0000;
}

#masthead.float-header #mainnav ul li a{
  opacity: 0.6;
}

Let me know how it goes.

Regards,
Kharis

Thanks a lot guys, both codes worked like magic!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

If you don’t mind, could you please rate our Sydney theme here? We would highly appreciate it if you do so.

Regards,
Kharis